Ausrichtung am unteren Bildschirmrand

[Stefan Bach]

Hi Sebastian!

Warum funktioniert das ganze nicht auch vertikal?

style:
p.unten {margin-top:auto; margin-bottom:0;}

html:
<div height="100%">
<p class="unten"> Dieser Text sollte am unteren Bildschirmrand stehen </p>
</div>

Hast du mal den kompletten Code mit dem du es getestet hast? Wenn du dem div eine Höhe von 100% gibst, dann ist das relativ zum Elternelement. Wenn dein Elternelement aber nicht die ganze Höhe des Browserfensters ausfüllt, so ist dein Absatz auch nicht an dessen unteren Rand.

Versuch mal folgendes in dein CSS aufzunehmen:

html, body { height: 100% }

Gruß,
       Stefan