|
|||
Klapptmenu liegt im IE unter dem Rest
Hey zusammen,
habe in eine Webseite ein Klappmenu, welches per CSS an die passende Stelle absolut positionert wird. Da dieses Menu Quicklinks enthält und ich die deshalb der Accessibility wegen, ganz gerne weit oben im Code hätte, habe ich den z-index des Klappmenus hochgesetzt, damit es über einer Spalte liegt, die im weiteren Verlauf noch unter der Klappmenu kommt. Im Firefox bewirkt dieser z-index auch genau, was er soll. Im IE passiert aber gar nichts. Das einzige was bisher funktioniert hat, ist den Markup umzusortieren. Das kann es doch aber nicht sein, oder? Das muss doch anders gehen. Hier der Code für die beiden Elemente (Klappmenu: <div id="quicklinks">, Spalte: <div id="marginals>): Code:
#quicklinks { position: absolute; right: 0px; top: 25px; width: 182px; padding-right: 44px; list-style: none; background-color: #C3D0D9; border-top: 1px solid white; border-left: 1px solid white; overflow: hidden; z-index: 999; } #marginals { position: absolute; right: 30px; top: 40px; width: 200px; } |
Sponsored Links |
Sponsored Links |
|
|||
Erstmal danke für die schnelle Antwort !
Hab gerade mal Deinen Vorschlag probiert: Code:
#marginals { position: absolute; right: 30px; top: 40px; width: 200px; _z-index: 1; } #marginals div.box { _position: relative; _z-index: 1; } #marginals div.box span.box-head { display: block; _position: relative; _z-index: 1; } #marginals div.box div.box-content { _position: relative; _z-index: 1; } Allerdings hilft das leider so gar nicht...bleibt alles beim Alten! |
|
||||
Kann eigentlich nicht sein, ich hatte kürzlich denselben Fall im IE, und da ließ es sich wie beschrieben lösen (und nur dafür ist der z-index ja auch da). Poste am Besten mal den kompletten Code und/oder einen Link.
|
|
|||
Hoffentlich kann es nicht sein, und es ist irgendwas einfaches, dass ich übersehen habe. Hier der Code im Anhang, kannste so anrufen, die beiden Dateien. Danke nochmal für die Hilfe!
Bei beiden natürlich das .txt entfernen! |
|
||||
Mal etwas bildlich gesprochen: Das div #header steht ganz für sich alleine, und wenn seine Kindelemente sich nicht gegen Elemente eines Nachbar-divs durchsetzen können, muß halt das komplette Element (eben #header) höhergestellt werden als das Nachbar-div.
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Probleme mit dem Layout: divanordnung | Muckel | CSS | 8 | 29.06.2008 12:28 |
Div box dem inhalt anpassen? | homezonebenny | CSS | 1 | 29.11.2007 10:11 |
Testen mit dem Screenreader | Dieter | Barrierefreiheit | 11 | 07.12.2006 19:41 |
Probleme mit dem Valid | masterschenk | Site- und Layoutcheck | 10 | 17.11.2006 09:45 |
IE fällt bei ul nach padding aus dem Rahmen | tesa | CSS | 2 | 21.11.2005 14:11 |