zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden z-index Problem bei IE7

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.11.2010, 13:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2009
Beiträge: 4
stever befindet sich auf einem aufstrebenden Ast
Standard 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>
CSS:
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;}
Den Text habe ich als BG in eine ID eingebuden, da es sich um eine besondere Schriftart handelt. Über jeden Tipp wäre ich sehr dankbar, ich bin nämlich schon sehr verzweifelt. Vielen Dank!

LG
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.11.2010, 13:21
Benutzerbild von siliciumcarbid
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2010
Ort: Basel
Beiträge: 115
siliciumcarbid befindet sich auf einem aufstrebenden Ast
Standard

ich weiss nur, dass sich der z-index anders verhält im IE7 und abwärts. Aber wie nicht.. darum versuche ich immer diess Attribut gar nicht erst zu verwenden.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.11.2010, 13:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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?
Mit Zitat antworten
  #4 (permalink)  
Alt 16.11.2010, 13:31
Benutzerbild von siliciumcarbid
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2010
Ort: Basel
Beiträge: 115
siliciumcarbid befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
BTW: Was ist das für ein Menü das keine Links hat?
das scheinen wohl die riesen Abstände zu sein
Mit Zitat antworten
  #5 (permalink)  
Alt 16.11.2010, 13:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2009
Beiträge: 4
stever befindet sich auf einem aufstrebenden Ast
Standard

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;}
Mit Zitat antworten
  #6 (permalink)  
Alt 16.11.2010, 14:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Nein, so wird nichts klarer.
Poste einen Link. Siehe die Hinweise für Fragende!
Mit Zitat antworten
  #7 (permalink)  
Alt 17.11.2010, 16:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2009
Beiträge: 4
stever befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

ich habe nun den z-index Bug beim IE7 mittels jQuery behoben.
Fixing IE z-index

LG
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:00 Uhr.