Hallo,
Moin!
vertical-align scheint nur auf Tabellenelemente zu wirken.
Stimmt nicht, vertical-align wirkt überall - nur außerhalb von Tabellenzellen anders, als innerhalb.
In Tabellenzellen ist die vertikale Ausrichtung auf die gesamte Zelle bezogen. Außerhalb wirkt die vertikale Ausrichtung auf die existierende Zeilenhöhe.
also... ich hab einfach mal überall ein vertical-align reingepackt...
1:1 Text
<table style="width:50%;height:50%;border:1px solid black;vertical-align:middle;">
<tr>
<td style="width:50%;height:100%;vertical-align:middle;text-align:center;border:1px solid green;">
<div style="width:80%;height:30%;vertical-align:middle;text-align:center;border:1px solid red;">DIV DIV DIV</div>
</td>
<td style="width:50%;height:100%;vertical-align:middle;text-align:center;border:1px solid green;">
TD TD TD TD
</td>
</tr>
</table>
Das schaut bei mir (IE 6.0) folgendermaßen aus:
--------------------------------------------------------------
| ------------------- | |
| | DIV DIV DIV | | |
| | | | |
| | | | |
| ------------------- | |
| | |
| | TD TD TD TD |
| | |
| | |
| | |
| | |
| | |
| | |
---------------------------------------------------------------
Im DIV-Element hat vertical-align nicht die geringste Auswirkung.
Auf der anderen Seite im Tabellenelement TD schon. Das DIV mag
zwar im Tabellenelement "drin stecken", aber vertical-align tuts
absolut nicht, also ist es meiner Ansicht so, das sich die vertikale
Ausrichtung nur auf Elemente auswirkt, die direkt im Tabellenelement
enthalten sind und nicht in irgendwelchen Unterelementen. Ich weiß
jetzt natürlich nicht, ob ich was in den Styles vergessen habe oder
ob sich dieses Problem nur auf DIV-Elemente bezieht.
Greez,
opi
--
Selfcode: ie:( fl:( br:^ va:) ls:] fo:) rl:( n4:? ss:| de:] ch:? mo:|