[html] Problem mit autosizing und divs

**Matze**

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:

markieren

Code:

border: 1px solid #FF0000;

Dann siehst du, was wo liegt und was passiert.

Zitat von I love Delphi:

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:

markieren

Code:

			#imBody {

   background-image: url('content.png');

   background-repeat: repeat-y;

   margin: 0px auto;

   width: 984px;

}

markieren

HTML-Code:

			<html>

   <head>

      <link rel="stylesheet" type="text/css" href="_test1.css" />

   </head>

<body>

   <div id="imBody">

      Text 

   </div> 

</body>

[html] Problem mit autosizing und divs

AW: [html] Problem mit autosizing und divs

Forumregeln