div 100% height, ie, firefox

08.05.2007, 20:44

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;
}

***pattex*** · 08.05.2007, 20:55

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%

08.05.2007, 20:59

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:

***pattex*** · 08.05.2007, 21:14

Das freut mich Smile

Das Ergebnis können wir dann sicher hier bestaunen