Gunnar Bittersmann: Footer, 3 Wörter zentriert, 1 Wort rechtsbündig

Beitrag lesen

@@düddldei:

nuqneH

<div id="footer">

Hier ist wohl ein footer-Element angebracht. Blog: neue Elemente für die Seitenstruktur

Neben der bereits erwähnten Lösung gibt es auch die Möglichkeit, den Link "Impressum" im Footer absolut zu positionieren. Dann wäre der Text "1. Wort 2. Wort 3. Wort" mittig im Viewport zentriert.

Damit aber bei schmalen Viewports "1. Wort 2. Wort 3. Wort" und "Impressum" nicht übereinanderliegen, bekommt der Footer ein an den Linktext "Impressum" angepasstes padding-right. Dann ist allerdings "1. Wort 2. Wort 3. Wort" nicht im Viewport zentriert, sondern zwischen linkem Rand und "Impressum".

Beispiel

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)