Sebastian Haug: Ausrichtung am unteren Bildschirmrand

SELF-Forum

Ausrichtung am unteren Bildschirmrand

Sebastian Haug
– Informationen zu den Bewertungsregeln

Hallo!
Ich habe den Artikel zur CSS-Ausrichtung in den "Tips&Tricks" mit Interesse gelesen (http://selfaktuell.teamone.de/tippstricks/css/ausrichtung/index.htm).

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>

Oder mache ich das etwas grundlegend falsch?

Grüße,
Sebastian

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Ausrichtung am unteren Bildschirmrand

    Stefan Bach
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Ausrichtung am unteren Bildschirmrand

    Kai Lahmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi

    Hallo!
    Ich habe den Artikel zur CSS-Ausrichtung in den "Tips&Tricks" mit Interesse gelesen (http://selfaktuell.teamone.de/tippstricks/css/ausrichtung/index.htm).

    Warum funktioniert das ganze nicht auch vertikal?

    weil es so nicht im HTML-Standard vorgesehen ist. Versuch's mit position:absolute; bottom:0px;

    Grüße aus Bleckede

    Kai

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln