im IE mehrere Divs horizontal anordnen

[tinella]

Hola

Ich geh von einer Gallery (hier zu sehen) aus, die diverse Divs mit Bildern drin nebeneinander und untereinander schachbrettartig anzeigen soll.

Das Ganze funktioniert im Firefox einwandfrei. Im IE zerreisst es mir alles.
Im IE zeigts die Divs listenartig an, es sind alle Divs untereinander statt nebeneinander (wird besser verständlich anhand den Attachementbildern).

Der IE kennt doch das Boxenmodell ebenfalls?
Sieht jemand einen Fehler, den mich auf die richtige Fährte bringen kann?

HTML-Struktur:

<div id="gallerie">
  <div class="thumbnail">
    <div class="inner">
      <a title="05/2008: Wiesenschwan (Greppen, 2008)" rel="lightbox[group]" href="http://www.bilderundworte.ch//files/_galleries/fotografie/bilderdesmonats/9972_2008_05_wiesenschwan_600pix.jpg">
      </a>
  </div>
</div>
<div class="thumbnail"></div>
<div class="thumbnail"></div>

Das funktionierende CSS für den Firefox sieht so aus:

#content #gallerie{
float:none;
padding: 0px 0px 10px 50px;
}

#content .thumbnail img{
border:1px solid #778899;
padding:1px;
}

#content .thumbnail{
display:table-cell;
position:relative;
vertical-align:middle;
padding-right:15px;
width:105px;
}

#content .inner {
display:table-cell;
height:100px;
position:relative;
vertical-align:middle;
width:100px;
}

Herzlichen Dank fürs Anschauen schon mal jetzt. Erwarte keine fertige Lösung, aber ein Hint wär ganz toll.

Tinella

 

[Maik]

Hi,

der IE (ab Version 6) unterstützt im standardkonformen Modus wohl das "Boxmodell", aber grundsätzlich nicht die Tabellenwerte der display-Eigenschaft.

Was die Ausrichtung der Bilder betrifft, kannst du dir ja mal http://www.cssplay.co.uk/menu/lightbox.html anschauen.

mfg Maik