Gunnar Bittersmann: Website zentrieren und Websiterahmen 100% hoch

Beitrag lesen

@@Dennis N:

nuqneH

Das Ganze habe ich versucht wie folgt zu realisieren:
<div id="rahmen">
   <div id="innerer div"></div>
</div>

„Dass viele "Designer" der Meinung sind, <html> und <body> sollten möglichst neutralisiert und das Layout dann mittels <div>-Elementen umgesetzt werden, ist bedauerlich bis ärgerlich.“ [at] S.a. Zentrieren ohne zusätzliches Markup [Postner] im Webkrauts-Adventskalender 2010.

Das Problem dabei ist allerdings, dass der div "rahmen" nicht so hoch ist, wie sein eigener inhalt.

Richtig, denn bei der Berecnung der Höhe gilt: „Nur untergeordnete Elemente im normalen Fluss werden berücksichtigt (das heißt, Floating-Boxen und absolut positionierte Boxen werden ignoriert, und relativ positionierte Boxen werden ohne ihren Offset betrachtet.)“ [CSS2 §10.6.3]

Ich habe gelesen, dass ich das verhindern kann, indem ich dem div "rahmen" auch die css eigenschaft float: left; gebe.

Ja. Dass du ihm auch die Eigenschaft 'overflow: hidden' geben kannst, hast du nicht gelesen? S.a. Einschließen von float-Boxen in Grundlagen für Spaltenlayout mit CSS [molily]

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)