div 100% height, ie, firefox - KingGO - 08.05.2007
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
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%
- KingGO - 08.05.2007
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
Das freut mich Das Ergebnis können wir dann sicher hier bestaunen
|