Body wird nicht angepasst
Das Ende
- html
Hallo. Ich habe ein Problem, es handelt sich dabei um ein angepasstes WP-Theme auf meiner Seite http://www.absoluteschaos.de/wordpress . Seitdem ich #content auf position:absolute gesetzt habe, um das das ganze halbwegs skalierbar zu machen, passt sich die Länge des Bodys nicht mehr an den Inhalt an. Auch #wrap hat eine bestimmte Größe. Das Ändert sich, wenn ich html eine Höhe zuweise, was aber auch keine Lösung ist.
Ich hoffe, irgendjemand findet die Ursache, würde mich sehr freuen.
Der zusammengefasste Code ist:
html{
padding: 0px;
margin: 0px;
background: #f3fbff;
border-left: 20px solid #595441;
font: 55.5% Georgia, "Times New Roman", Times, Serif; /* Resets 1em to 10px */
}
body {margin:0;
padding:0;}
#wrap {
max-width: 900px;
width:auto;
padding-left: 20px;
margin-bottom:0px;
}
#head{
text-align: left;
background-color: #ffffff;
background-image: url(images/header2.jpg);
background-repeat: repeat-x;
height: 343px;
width: 100%;
padding: 0px;
margin: 0px;
}
#headleft {
background-image: url(images/header1.jpg);
background-repeat: no-repeat;
height: 343px;
width: 714px;
float: left;
}
#headleft h4{
font-size: 3.0em;
padding: 0px 0px 0px 265px;
margin: 10px 0px 0px 0px;
}
}
#content {
position:absolute;
width:auto;
margin-right:220px;
max-width: 75em;
min-width:10em;
float: left;
}
#secondary {
width: 200px;
padding: 0px;
float: right;
}
#foot {
width: 680px;
height: 40px;
margin-top: 20px;
font-size: 1.1em;
}
xHTML
<!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" dir="ltr" lang="de-DE" xml:lang="de-DE">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>absoluteschaos.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="WordPress 2.5.1" />
<link rel="stylesheet" href=
"dings.css" type=
"text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="absoluteschaos.de RSS Feed"
href="http://www.absoluteschaos.de/wordpress/feed" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body>
<div id="head">
<div id="headleft">
<h4><a href="http://www.absoluteschaos.de/wordpress/">absoluteschaos.de</a></h4>
<div id="desc">
Musik, Comics und Interessantes
</div>
</div>
<ul class="menu">
<li class="page_item page-item-2"><a href=
"http://www.absoluteschaos.de/wordpress/impressum" title=
"Impressum">Impressum</a></li>
</ul>
</div>
<div id="wrap">
<div id="content">
Hier steht eine Menge Text.
<div style="clear:both;"></div>
<div style="clear:both;"></div>
</div>
</div>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></div>
</div><!-- end content -->
<div id="secondary">
<!-- begin l_sidebar -->
<div id="l_sidebar">
<ul id="l_sidebarwidgeted"></ul>
</div><!-- end l_sidebar -->
</div>
<div style="clear:both;"></div>
<div style="clear:both;"></div>
<div id="foot">
Powered
</div>
</body>
</html>
Habe es jetzt anders gelöst bekommen.