Wie positioniert man eine Listenbasierte Navigation am unteren Rand eines divs?
Ich hab folgendes HTML für die Navigation:
HTML-Code:
<nav><ul id="nav_1"> Code:
#nav_1 { Ich würde sie gerne am unterem Rand davon haben. Wie mach ich das? |
Im Zweifel das Element ul positionieren:
position: Positionsart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets oder ein margin-top mitgeben oder oder :) |
Zitat:
Hallo, Das DIV relativ positionieren, und die Navi absolut mit der `bottom`-Eigenschaft. BTW Hast du auch berücksichtigt, daß der IE-8 und noch einige andere ältere Browser, dein "<nav>" noch nicht implementiert haben? |
Wenn ich das Element ul positioniere werden die beiden Links übereinander angezeigt.
Wenn ich ein margin-top einstelle wird der ganze div (in dem sich die Navigation befindet) 60px nach unten geschoben. <nav> muss gar nicht implementiert sein, da hab ich nix drauf angewendet, ich habe alles direkt auf die ul angewendet. Das ist nur für suchmaschinen. Aber das dass tag und sein end-tag beide vor dem tag bzw. dem end-tag der ul standen ist mir mittlerweile aufgefallen und ich habs korrigiert ;) |
Zitat:
Zu Testzwecken ist auch ein Rahmen um die Elemente nützlich, damit du deren Ausmaß und Position erkennen kannst. |
Vielen Dank Gaby, jetzt klappts!
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 00:17 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023