Gunnar Bittersmann: Bild horizontal zentriert und nach unten ausgerichtet unmöglich?

Beitrag lesen

@@Eliara_:

nuqneH

dein beispiel funkt nicht.

Oops. Der Funke springt über, wenn die Zeile wirklich mit Textinhalt gefüllt ist (vorne und hinten, damit das Bild zentriert bleibt):

div.pictureframe:before,  
div.pictureframe:after  
{  
    content: "\A0";  
}

Allerdings fängt der IE < 8 damit kein Feuer, insofern ist die Lösung nicht besser als die mit 'display: table-cell'.

Da ist ein beispiel, wo es machtbar ist, aber natuerlich statt vertical-align:middle schreib bottom:
http://gut.lv/beispiel/verticalcenter.html

Dein Beispiel basiert auf 'display: table-cell'; ist also auch nicht besser.

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)