aTa
Erfahrenes Mitglied
Hi,
folgendes Problem ich hab ein Div der immer 100% hat, also sich immer dem Browser anpasst, klappt super. Nun möchte ich aber in diesem Div einen andern Div einbauen der zb. 100px weiter unten anfängt aber dann trotzdem bis zum Ende der Seite geht und sich eben auch anpasst, versteht ihr in etwa was ich meine?
Hab folgenden Code, damit klappts leider nicht, aber ich seh nicht woran?
Danke schonmal!
folgendes Problem ich hab ein Div der immer 100% hat, also sich immer dem Browser anpasst, klappt super. Nun möchte ich aber in diesem Div einen andern Div einbauen der zb. 100px weiter unten anfängt aber dann trotzdem bis zum Ende der Seite geht und sich eben auch anpasst, versteht ihr in etwa was ich meine?
Hab folgenden Code, damit klappts leider nicht, aber ich seh nicht woran?
Danke schonmal!
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<style>
*{
padding:0;
margin:0;
border:0;
}
html, body {
height: 100%; /* wichtig */
font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
color:black;
background:white;
text-align:center;
}
#header{
padding-left:20px;
height:110px;
font-size:20px;
text-transform:uppercase;
background:#ccc;
line-height: 60px;
}
#box{
width:700px;
margin:0 auto;
text-align:left;
position: relative;
min-height: 100%;
height:auto !important;/* moderne Browser */
height:100%; /* IE */
background:#eaeaea;
}
#box_head20{
width:700px;
position: relative;
min-height: 100%;
height:auto !important;/* moderne Browser */
height:100%; /* IE */
background:#ff0000;
}
</style></head>
<body>
<div id="box">
<div id="inhalt">
<div id="box_head20">xcv</div>
</div>
</div>
</body>
</html>