Layout mit fixer Breite und horizontal zentriert

[Christian Seiler]

Hallo Marco,

Wie würde die Lösung aussehen, kenne mich mit float nicht so aus?

Jetzt mal so aus dem Stehgreif:

<div style="margin: auto; width: 800px;">
  <img... style="display: block;">
  <div style="float: left; width: 150px;"></div>
  <div style="margin-left: 150px;"></div>
  <br style="clear: both;">
</div>

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)

Ich wollte das ganze eigentlich mit "min-height: 500px;" lösen, hat aber irgendwie nicht funktioniert. Kannst Du mir da auf die Sprünge helfen?

Das ganze ist ein Problem. Denn der IE kapiert min-height: 500px; nicht, anderer Browser dagegen schon.

Evtl. kannst Du zusätzlich ein separates Stylesheet für den IE einbinden, das height: zusätzlich noch setzt. (Beim IE ist height kein Problem)

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css">
<![endif]-->

Viele Grüße,
Christian