[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>

**I love Delphi**

Zitat von Matze:

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.

Stimmt, da hast Du recht. Mein Fehler. Allerdings sollte man der Flexibilität und Kompatibilität zu liebe von absoluten Positionierungen abraten, sofern es anders möglich ist.

Viele Grüße,
I love Delphi!

**Matze**

Zitat von I love Delphi:

Allerdings sollte man der Flexibilität und Kompatibilität zu liebe von absoluten Positionierungen abraten, sofern es anders möglich ist.

Bisher habe ich die immer kompatibel hinbekommen und sehr flexibel bin ich teilweise auch damit.
Allerdings kann die Wartung erschwert werden, wenn man die absoluten Positionierungen übersieht oder nicht daran denkt.

Aber wenn es geht, würde ich diese ebenfalls vermeiden, wie oben erwähnt.

[html] Problem mit autosizing und divs

AW: [html] Problem mit autosizing und divs

AW: [html] Problem mit autosizing und divs

AW: [html] Problem mit autosizing und divs

Forumregeln