Layout mit fixer Breite und horizontal zentriert

[Christian Seiler]

Hallo Marco,

Sollte ich hier noch etwas beachten/ändern oder ist der Code soweit OK?

Ja, ich vergaß: Wenn die Breite des Browserfensters kleiner als 800 Pixel wird, dann bekommst Du ein Problem. (schaus Dir selbst an, Links wird etwas abgeschnitten)

Eine weitere Alternative wäre:

<div style="width:800px; margin:auto; position: relative;">
<img src="logo.jpg" alt="">
<div style="position: absolute; left: 0; top: ...; width: 150px; ..."></div>
<div style="position: absolute; left: 150px; top: ...; width: 550px; ..."></div>
</div>

Wobei mir in diesem Zusammenhang (mit Container-<div>) die float-Lösung (linkes div float: left;, rechtes div margin-left: ...;) besser gefiele.

Was ich nicht so ganz verstehe ist Dein "height: 500px;" - wenn der Inhalt größer wird, wird nach CSS2 die Box nicht automatisch mitvergrößert. (auch wenn es der IE macht, andere Browser machen es korrekterweise nicht)

Viele Grüße,
Christian