Hallo,
das liegt an der absoluten Position. Die hebelt im Endeffekt eine saubere Verschachtelung aus.
Setze das oberste Element als absolutes und beziehe alle anderen relativ auf dieses. Am besten wäre es, auf das absolute komplett zu verzichten.
Lasse dir einfach mal die Rahmen der <div>-Elemente anzeigen:
Code:
border: 1px solid #FF0000;
Dann siehst du, was wo liegt und was passiert.
Mit Deiner Schilderung, dass das DIV-Tag sich der Höhe des Inhalts anpasst hast Du recht; darüber hinausragen kann der Inhalt schließlich nicht
Das stimmt so nicht. Wenn absolute <div>-Elemente verwendet werden, passt sich die Größe nicht unbedingt dem Inhalt an.
Als simples Beispiel ohne unnötige Verschachtelung:
Code:
#imBody {
background-image:
url('content.png');
background-repeat: repeat-y;
margin: 0px auto;
width: 984px;
}
HTML-Code:
<
html>
<head>
<link rel="
stylesheet" type="
text/css" href="
_test1.css" />
</head>
<body>
<div id="
imBody">
Text
</div>
</body>