vertical-align in div height:100%

[Linuchs]

Hallo,

wie kann ich ein Bild in einem div vertical zentrieren? Bei mir klebt es am oberen Rand.

div definiere ich:

position:fixed;  
Width:100%;  
height:100%;  
vertical-align:middle;

Das darin enthaltene Bild:

max-width:100%;  
max-height:100%;

Linuchs

[Matthias Apsel]

Om nah hoo pez nyeetz, Linuchs!

wie kann ich ein Bild in einem div vertical zentrieren? Bei mir klebt es am oberen Rand.

text-align und vertical-align wirken auf verschiedene Dinge. Text-align bezieht sich auf den Inhalt des Elements, vertical-align auf das Element selbst. Siehe wiki.

Du müsstest also, wenn überhaupt dem Bild ein vertical align verpassen. Das bezieht sich dann auf die Grundlinie des Textes mit dem es in einer Zeile steht. Das ist also nicht unbedingt geeignet.

Ich sehe zwei Möglichkeiten: Inline-Elemente lassen sich via line-height ausrichten, für Block-Elemente gibt es einen Beitrag von suit.

Matthias

[MudGuard]

Hi,

»»» text-align und vertical-align wirken auf verschiedene Dinge. Text-align bezieht sich auf den Inhalt des Elements, vertical-align auf das Element selbst.

außer bei Elementen mit display: table-cell ...

cu,
Andreas