|
|||
vertical-align OK in Firefox, Opera - Probleme im IE
Hallo, hier ist der Code den ich benutze, um in einer Bildergalerie unterhalb des großen Bildes die Bildunterschrift und Pfeile zum durchblättern anzubieten.
Text und Pfeile sollen dabei innerhalb des Caption/ resp. Pfeile -divs vertikal zentriert sein. (Ich mach es nicht mit padding, da es auch mal mehrere Zeilen Text sein könnten) Das sieht in Opera und Firefox auch genau so wie erwartet aus, der Internet Explorer setzt den Text aber immer noch an den oberen Rand. Könnt ihr mir erklären, warum? CSS: Code:
#caption { float:right; margin-left:30px; font-size:0.7em; font-weight:bold; color:#999999; height:85px; width:500px; display:table; } .vertical-cell { display:table-cell; vertical-align:middle; } #pfeile { width:70px; float:right; font-size:0.7em; height:85px; display:table; } Code:
<div id='pfeile'> <div class='vertical-cell'><img src='bilder/pfeil_l50.png' alt='zurück' style='float:left;'></div> <div class='vertical-cell'>1 von 13</div> <div class='vertical-cell'><img src='bilder/pfeil_r50.png' alt='vor'></div> </div> <div id='caption'> <div class='vertical-cell'>Bildunterschrift</div> </div> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
darstellungs probleme im opera | max 29 | CSS | 6 | 13.03.2009 20:51 |
mooSlideBox 3 Freja, xml und xsl. Probleme im FireFox und Opera | Tomas Clark | Javascript & Ajax | 0 | 09.09.2008 09:38 |
XHTML 1.0 strict: interpretation von alt und title (IMG) vom IE7, Opera und Firefox | braindead | (X)HTML | 5 | 11.03.2007 17:57 |
bitte seite testen IE kleiner 6, opera und firefox + code verbessern | dexta² | Site- und Layoutcheck | 3 | 09.03.2007 09:54 |
CSS - align="right" nur Im Opera. Firefox und IE nicht | frankm123 | CSS | 8 | 08.06.2006 15:52 |