also im grunde genomen ist die idee einfach, ein header welcher oben ist, ein footer welcher unten ist, und eben der contentbereich, der sich automatisch skalieren sollte, wenn neue texte eingefügt werden.
das blöde ist nur das ich ein hintergrundbild in vier verschienen ecken verwenden muss. dies ist sichtbar bei dem grünem layer auf dem bild, welches ich angehängt habe. die roten layer sind die normalen contentbereiche.
mein problem ist, das mein gerüst nicht in der höhe maximiert wird, und es wird immer wieder zerschossen sobald ich ein background.picture einfüge. ich hoffe mir kann jemand bei meinem problem helfen.
hier der code.
Code: Alles auswählen
* { margin: 0; padding: 0; }
body { height: 100%; text-align: center; background-color: #868369; }
div#container { position: relative; margin: 0 auto; width: 857px; text-align: left; }
#header, #footer { height: 170px; background-color: #b9b9b9; }
#data { padding: 20px; background-color: #008cbf; }
#dx { position: relative; float: left; width: 597px; }
#nx { position: relative; width: 248px; margin-left: 607px; }
#d1, #d2, #n1, #n2 { height: 248px; background-color: #09be01; }
#d1, #n1 { margin-bottom: 10px; }
#inhalt, #news { background-color: #be0030; }
#inhalt { position: absolute; top: 12.5%; right: 0; width: 451px; height: 75%; }
#news { position: absolute; top: 12.5%; left: 0; width: 90px; height: 75%; }
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/T1.css">
</head>
<div id="container">
<div id="head"></div>
<div id="ubgng"></div>
<div id="data">
<div id="dx">
<div id="d1">d1</div>
<div id="d2">d2</div>
</div>
<div id="nx">
<div id="n1">n1</div>
<div id="n2">n2</div>
</div>
<div id="inhalt">/div>
<div id="news"></div>
</div>
<div id="footer"></div>
</div>
</html>
