|
|||
Menu: DropUp statt Dropdown - css 'bottom'
Guten Morgen,
ich versuche gerade per css aus einem Dropdown-Menü ein DropUP-Menü zu machen. Das Menü ist eine Liste mit left-gefloateten li's, die teilweise widerum Listen enthalten. Diese Untermenüs werden per absoluter Position und 'left: -999em;' nach draußen befördert und beim hovern des entsprechenden li's mit 'left: auto;' an die richtige Stelle geschoben...funktioniert - als DropDOWN... Um die Submenus aber nach oben klappen zu lassen, wollte ich sie mit dem 'bottom'-Befehl positionieren. Leider richtet sich das Ganze bei position: absolute am unteren Browserrand aus. Ändere ich bei 'hover' die Position auf relative gibt's gleich 2 Probleme: 1. der angegebene Wert scheint sich nicht mehr auf den unteren (!) Rand zu beziehen (also alle Submenüs - übrigens mit unterschiedlichen Höhen - beginnen oben auf einer Linie). 2. verkackt's mir natürlich das darunter liegende Layout aufgrund von 'position: relative' Kann mir jemand helfen? Das Problem scheint simpel - aber irgendwas überseh ich offenbar. Danke Schwammakobf |
Sponsored Links |
Sponsored Links |
|
||||
Nein, ohne Code kann man dir nicht helfen. Bitte lies die Hinweise für Fragende.
|
|
|||
Danke schonmal für den Hinweis und sorry, dass ich noch keinen Link bieten kann: die Seite wird noch lokal entwickelt.
Hier die entsprechenden CSS-Schnipsel: HTML-Code:
#navi li ul{ position: absolute; width: 210px; padding-top: 10px; background: transparent url("../images/dropdown.png") 0 top no-repeat; left: -999em; z-index: 6; } #navi li:hover ul{ left: auto; bottom: auto; position: relative; margin-left: -10px; } |
|
|||
Optimal!!!
Vielen Dank hubspe! Der funktionierende Code: Code:
#navi{ position: relative; } #navi li ul{ position: absolute; width: 210px; padding-top: 10px; background: transparent url("../images/dropdown.png") 0 top no-repeat; left: -999em; z-index: 6; } #navi li:hover ul{ left: auto; bottom: 30px; margin-left: -10px; } Gruß aus Kötzting nach Passau Schwammakobf |
|
|||
Servus beinander
Jetzt muss ich das Thema doch nochmal aufgreifen... Das oben erwähnte DropUp funktioniert ja wie bereits erwähnt. Nur (wie könnte es anders sein) streikt mal wieder der IE...und zwar in der 7er Version: Das Dropup erscheint wie gewünscht, nur finde ich leider keinen Grund, warum sich die Listen der Submenus am rechten Rand des jeweils (hierarchisch) darüber liegenden Listenelements aufbaut... css4you schreibt: Zitat:
Im IE8 klappts dann übrigens... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Spry Menu Problem mit Hintergrund bei Mouseover | myron | CSS | 9 | 12.07.2009 14:34 |
IE7 fixing - expandable menu | matsie | CSS | 6 | 10.04.2008 16:55 |
CSS Dropdown menu horizontal...Help please ... | Oni | CSS | 4 | 09.04.2008 10:48 |
CSS Hilfe gesucht für Blindenseite | johnjdoe | CSS | 30 | 17.02.2005 18:14 |
CSS Dropdown Menu - verschiebung.... | pixelcatcher | CSS | 3 | 25.12.2004 01:15 |