Anpassung MSIE & Mozilla

[Detlef G.]

Hallo Christian

Deine Divs, die jeweils ein Bild enthalten

div.gallery {
 width:230px;
 float: left;
 margin:10px;
 height:150px;}

Es ist kein overflow angegeben, damit macht Mozilla diese genau 150px hoch (+ Margin), egal, ob das Bild reinpasst oder nicht. Der IE dagegen streckt das Div, bis das Bild hineinpasst.
Die Bilder haben verschiedene Höhen, bis 244px.

Entweder du gibst overflow:hidden; an, dann werden zu große Bilder beschnitten, oder du gibst als height die Höhe des größten Bildes an, dann sollte die Anordnung ähnlich der Tabellenversion werden. Dabei könntest du das Div dann weglassen und margin und float direkt den img zuordnen.

(Das <center> bringt nichts.)

Auf Wiederlesen
Detlef