div 100% height, ie, firefox
#1
Hallo boadies,

habe ein Problem mit xhtml validen ocde und css.

wenn ich es mit 100% height mache frist es zwar der ie aber der firefox wiederum nicht ich wollte eine kompletten div mit weißen hg bis runterziehen :confused: hab schon bissel rumgespielt mit min.height und auto aber das wird wohl nix hoffe ihr habt die lösung für mein problem :/

hab hier nochma bissel sourcecode

Code:
<?php echo'<?xml version="1.0"?>
'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Netcode - Privat Portfolio</title>
  <link type="text/css" href="inc/css/green.css" rel="stylesheet" media="screen" />
  <meta http-equiv="content-Type" content="text/html;charset=iso-8859-1" />
  <meta http-equiv="expires" content="NEVER" />
  <meta http-equiv="content-language" content="de" />
  <meta name="author" content="KingGO" />
  <meta name="copyright" content="2003-<?php echo date("Y"); ?> by KingGO" />
  <meta name="keywords" content="KingGO, netcode, netcode.sunsonic, sunsonic, net-board, portfilo, php, mysql, css, xhtml, webdesign, workshops, tutorials, codeschnipsel" />
  <meta name="description" content="netcode.sunsonic.de ist eine private Seite des Autors: KingGO wo er seine " />
  <meta name="page-topic" content="Computer/Internet" />
  <meta name="audience" content="All" />
  <meta name="revisit-after" content="2 weeks" />
  <meta name="robots" content="index, follow" />
</head>
<body>
<!--
      .oooO  / ) ( \  Oooo.
      (   ) / (   ) \ (   )
       \ ( (   ) (   ) ) /
    ----\_).oooO-Oooo.(_/----
    
    Da guckst du was ^^
    Quellcode klauen ist uncool!!!
-->
  <div id="container-wrapper"> <!-- Wrapper Open -->
   <div id="container-header"></div> <!-- Header -->
   <div id="container-navigation"> <!-- Navigation Open -->
   </div> <!-- Navigation Close -->
   <div id="container-content"> <!-- Content Open -->
   Test....
   </div> <!-- Content Close -->
   <div id="container-footer"></div> <!-- Footer -->
  </div> <!-- Wrapper Close -->
</body>
</html>
Code:
/*
    #################################################
    Allgemeines Cascading Style Sheets.
    #################################################
*/
body {
    background-color: #DBE4D6;
    text-align: center;
    font-size: 11px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color: #564b47;
    padding: 0px;
    margin: 0px;
}
a {
    color: #564b47;
}
a:visited {
    color: #564b47;
}
a:hover {
    color: #564b47;
}
a:active {
    color: #564b47;
}
/*
    #################################################
    Div Container.
    #################################################
*/
#container-wrapper {
    width: 800px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #DBE4D6;
}
#container-header {
    background-color: #e1ddd9;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
#container-header img {
    padding: 10px 0px;
    border: 0px;
}
#container-navigation {
    float: left;
    width: 200px;
    margin: 0px;
    padding: 0px;
}
#container-content {
    background-color: #ffffff;
    padding: 0px;
    margin-left: 200px;
    margin-right: 0px;
    min-height: 600px;
}
#container-footer {
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
/*
    #################################################
    Formatierungen von Text.
    #################################################
*/
h1 {
}
h2 {
}
h3 {
}
p, pre {
    padding: 5px 10px;
    margin: 0px;
}
  Zitieren
#2
Vor dem Problem stand ich auch schon und da habe ich nur gefunden das man div's nicht 100% hoch machen kann.
Wobei ne Lösung gibt es schon mit
body,html{
height:100%;}
#page{
min-height:100%; /* For Modern Browsers */
height:auto !important; /* For Modern Browsers */
height:100%; /* For IE */ }

Also das hat bei mir mal so funktioniert. Und dann in der div height: 100%
  Zitieren
#3
min-height:100%; /* For Modern Browsers */
height:auto !important; /* For Modern Browsers */
eben genau modern browser shitt ie ^^ ich werd es mal testen danke für den tipp pattex

edit:
Es Funzt echt Sehr gut danke kann ich weiter machen =) *i love net-board* :kiffer:
  Zitieren
#4
Das freut mich Smile Das Ergebnis können wir dann sicher hier bestaunen
  Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 3 Gast/Gäste