Problem vorerst gelöst: Tabellenzelle statt DIV

[juewi]

Bleib bei Strict.

Hab schon bemerkt, dass dies sehr empfohlen wird - halt mich auch dran.

Lösung:
Schreibe ein Stylesheet für standardkonforme Browser. Schreibe ein Stylesheet für den IE und binde es mit <http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative@title=Conditional Comments> ein.

<style type="text/css">
#outer { height: 400px; overflow: hidden; }
#outer { display: table; }
#middle { display: table-cell; vertical-align: middle; }
</style>

<!--[if lt IE 8]>
<style type="text/css">
#outer { position: relative; }
#middle { position: absolute; top: 50%;}
#inner { position: relative; top: -50%}
</style>
<![endif]-->

Mathias

Danke vielmals für das Codebeispiel, aber wie oben geschrieben hab ich´s geschafft, die Bildanzeige in eine Tabellenzelle zu packen womit Hacks etc. überflüssig werden. Auch IE8 wird dabei kein Problem haben hoff ich ;-)

Da mich aber interessiert, ob Deine (im Vergleich simple) Variante funktioniert werd ich die interessehalber sicher ausprobieren!

Danke und LG, Jürgen

PS: Kann jemand die Seite direkt über IE6 und/oder 5.5 (noch notwendig?) testen ob bei Überfahren der Thumbnails diese alle zentriert dargestellt werden?