|
|||
z-index Problem bei IE7
Hallo,
ich kenne mich mit css noch nicht so gut aus, ich hoffe ihr könnte imr weiterhelfen. Ich habe ein Dropdown-Menü und möchte dies mit z-index mit überlagern. Dies klappt bei allen Browser sehr gut (auch IE, nur beim IE7 gibt es Probleme. Ich sitze jetzt schon ziemlich lange, komme aber auf den Fehler nicht drauf. HTML: HTML-Code:
<li id="MainMenureisen"> <div id="reisenSubmenu"> <!-- reisenSubmenu begin--> <ul> <li id="reisenHeader" ></li> <li id="reisenSpaceTop" ></li> <li id="reisenRheingau" ></li> <li id="reisenSuedsteiermark" ></li> <li id="reisenToskana" ></li> <li id="reisenBordeaux" ></li> <li id="reisenSuedafrika" ></li> <li id="reisenChileArgeninien" ></li> </ul> </div><!-- reisenSubmenu end --> </li> Code:
#wucMainMenureisen{background: url(../images/menu/reisen/Menureisen.png) no-repeat; width:127px; height:68px; position:relative;} #MainMenureisen ul{position:relative;} #MainMenureisen ul{display: none;} #MainMenureisen:hover ul{display:block;} #MainMenureisenHeader{background: url(../images/menu/reisen/wucMenureisenHeader.png) no-repeat; width:160px; height:81px; position:relative;} #MainMenureisenSubmenu{position:relative; left:-16px; top:-16px; z-index:1000; width:255px; height:300px;} #MainMenu .wucMainMenureisenSubmenu li{float:none;} #MainMenureisenSpaceTop{background:url(../images/menu/reisen/MenureisenSpaceTop.png) no-repeat; width:255px; height:18px; position:relative; z-index:500;} #reisenRheingau{background: url(../images/menu/reisen/MenureisenRheingau.png) no-repeat; width:255px; height:33px; position:relative; z-index:500;} #reisenSuedsteiermark{background: url(../images/menu/reisen/wucMenureisenSuedsteiermark.png) no-repeat; width:255px; height:34px; position:relative; z-index:500;} #reisenToskana{background: url(../images/menu/reisen/MenureisenToskana.png) no-repeat; width:255px; height:34px; position:relative; z-index:500;} #reisenBordeaux{background: url(../images/menu/reisen/MenureisenBordeaux.png) no-repeat; width:255px; height:34px; position:relative; z-index:500;} #reisenSuedafrika{background:url(../images/menu/reisen/MenureisenSuedafrika.png) no-repeat; width:255px; height:34px; position:relative; z-index:500;} #reisenChileArgentinien{background:url(../images/menu/reisen/wucMenureisenChileArgentinien.png) no-repeat; width:256px; height:49px; position:relative; z-index:500;} LG |
Sponsored Links |
|
|||
stever, deine Codefragmente sind für uns nutzlos. Bitte lies und beachte die Hinweise für Fragende.
Wie du ein grafisches Menü umsetzen kannst steht in den FAQ. BTW: Was ist das für ein Menü das keine Links hat?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Hallo,
danke für die schnellen Antworten! Das Menü ist ja noch nicht ganz fertig, die Links werde ich noch einfügen. Ich habe noch einen Teil vom Menü eingefügt. Ich hofe jetzt ist es klarer. HTML-Code:
<!-- #########################MAIN MENU BEGIN######################### --> <div id="wucMainMenu"> <!-- wucMainMenu begin --> <ul><!-- ul begin --><li id="MainMenureisen"> <div id="reisenSubmenu"> <!-- reisenSubmenu begin--> <ul> <li id="reisenHeader" ></li> <li id="reisenSpaceTop" ></li> <li id="reisenRheingau" ></li> <li id="reisenSuedsteiermark" ></li> <li id="reisenToskana" ></li> <li id="reisenBordeaux" ></li> <li id="reisenSuedafrika" ></li> <li id="reisenChileArgeninien" ></li> </ul> </div><!-- wucMainMenureisenSubmenu end --> </li> </ul> <!-- ul end --> Code:
#wucMainMenureisen{background: url(../images/menu/reisen/Menureisen.png) no-repeat; width:127px; height:68px; position:relative;} #MainMenureisen ul{position:relative;} #MainMenureisen ul{display: none;} #MainMenureisen:hover ul{display:block;} #MainMenureisenHeader{background: url(../images/menu/reisen/wucMenureisenHeader.png) no-repeat; width:160px; height:81px; position:relative;} #MainMenureisenSubmenu{position:relative; left:-16px; top:-16px; z-index:1000; width:255px; height:300px;} #MainMenu .wucMainMenureisenSubmenu li{float:none;} #MainMenureisenSpaceTop{background:url(../images/menu/reisen/MenureisenSpaceTop.png) no-repeat; width:255px; height:18px; position:relative; z-index:500;} #reisenRheingau{background: url(../images/menu/reisen/MenureisenRheingau.png) no-repeat; width:255px; height:33px; position:relative; z-index:500;} #reisenSuedsteiermark{background: url(../images/menu/reisen/wucMenureisenSuedsteiermark.png) no-repeat; width:255px; height:34px; position:relative; z-index:500;} #reisenToskana{background: url(../images/menu/reisen/MenureisenToskana.png) no-repeat; width:255px; height:34px; position:relative; z-index:500;} #reisenBordeaux{background: url(../images/menu/reisen/MenureisenBordeaux.png) no-repeat; width:255px; height:34px; position:relative; z-index:500;} #reisenSuedafrika{background:url(../images/menu/reisen/MenureisenSuedafrika.png) no-repeat; width:255px; height:34px; position:relative; z-index:500;} #reisenChileArgentinien{background:url(../images/menu/reisen/wucMenureisenChileArgentinien.png) no-repeat; width:256px; height:49px; position:relative; z-index:500;} |
|
|||
Nein, so wird nichts klarer.
Poste einen Link. Siehe die Hinweise für Fragende!
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE7 - Problem mit Kopf / Navigationsliste | Guitarrero | CSS | 4 | 06.12.2009 15:09 |
Tabelle Problem Firefox vs. IE7 | FeriX | CSS | 7 | 30.06.2009 15:36 |
Problem mit JS im IE6 und IE7 | headbuster | Javascript & Ajax | 2 | 28.08.2008 16:29 |
ie6 Problem beim Einbau von JS Menü. ie7 und ff fehlerfrei... | speedy77 | CSS | 0 | 22.08.2007 17:06 |
IE7: Problem mit meiner Navigation | Schockwelle | CSS | 9 | 14.11.2006 16:06 |