✔ infobox wird von IE nicht angezeigt

[nice2kn0w]

Hallo Leute, ich hab jetzt echt schon den ganzen Tag rumprobiert und geh einfach nur noch am Stock.
Ich hab auf meiner Seite Infoboxen, die Kurioserweise beim Menü oben beim Firefox sowie IE angezeigt werden, die Infoboxen beim rechten Menü werden nur vom Firefox dargestellt

hier der Link zu meiner Seite http://www.elitestudio.de/tryout/studio.html

und hier das css zu den Klassen topmenu und headermenu

/* CSS Document */

a.topmenu:link {
    font-size: 10px;
    text-decoration:none;
    font-family: "Century Gothic";
    font-weight: normal;
    color: #666666;
    margin-top:0px;
}    
a.topmenu:visited {
    font-family: "Century Gothic";
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    margin-top:0px;
}
a.topmenu:hover {
    text-decoration: none;
    color:#990033;
    font-family: "Century Gothic";
    font-size: 9px;
    font-weight: bold;
    margin-top:0px;
}
a.topmenu:active {
    font-family: "Century Gothic";
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    margin-top:0px;
}

a.headermenu:link {
    font-size: 12px;
    text-decoration:none;
    font-family: "Century Gothic";
    font-weight:700;
    color: #a1a1a1;
    margin-top:0px;
    margin-left:20px;
}    
a.headermenu:visited {
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight:700;
    color: #a1a1a1;
    text-decoration: none;
    margin-top:0px;
    margin-left:20px;

}
a.headermenu:hover {
    text-decoration: none;
    color:#990033;
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight:700;
    margin-top:0px;
    margin-left:20px;

}
a.headermenu:active {
    font-family: "Century Gothic";
    font-size: 12px;
    font-weight:700;
    color: #a1a1a1;
    text-decoration: none;
    margin-top:0px;
    margin-left:20px;

}

und dann auch noch der css Code der Infoboxen

a.topmenu span{
visibility:hidden; 
position:absolute; 
left:0em;
top:-3.5em; 
padding:1em; 
text-decoration:none;
color:#666666;
font-size:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
a.topmenu:hover span {
    display:block;
    visibility:visible; 
    border:1px solid #c11115;
    background:white;
    }
    
a.headermenu span{
display:none;
    visibility:hidden; 
    position:absolute; 
    left:16em;
    top:-3.5em; 
    padding:1em; 
    text-decoration:none;
    color:#666666;
    font-size:10px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    }

a.headermenu:hover span {
    display:block;
    visibility:visible; 
    border:1px solid #c11115;
    background:white;
    }

Danke euch schonmal im voraus, cheers

 

[Maik]

Hi,

versuch es mal mit diesem Code für die menu.css:

a.topmenu:link,a.topmenu:visited {
        font-size: 10px;
        text-decoration:none;
        font-family: "Century Gothic";
        font-weight: normal;
        color: #666666;
        margin-top:0px;
}

a.topmenu:hover {
        text-decoration: none;
        color:#990033;
        font-size: 9px;
        font-weight: bold;
        margin-top:0px;
}
a.topmenu:active {
        font-weight: normal;
        color: #666666;
        margin-top:0px;
}

a.headermenu:link,a.headermenu:visited {
        font-size: 12px;
        text-decoration:none;
        font-family: "Century Gothic";
        font-weight:700;
        color: #a1a1a1;
        margin-top:0px;
        margin-left:20px;
}
a.headermenu:hover {
        text-decoration: none;
        color:#990033;
        font-weight:700;
        margin-top:0px;
        margin-left:20px;
}
a.headermenu:active {
        color: #a1a1a1;
        font-weight:700;
        margin-top:0px;
        margin-left:20px;
}

und nimm in der text.css im Selektor a.headermenu span die display:none-Deklaration raus.

 

[nice2kn0w]

TAUSEND MAL DANKE ! Yeah! Du bist mein Held!

irgendwie funktioniert das beim ersten Link ( Entertainment ) zwar nicht, aber dafür bei allen anderen!
kannst Du mir erklären, warum das mit Deinem Code funktioniert und mit dem anderen nicht? Würde mich wirklich interessieren, weil ich sowas auch gerne vermeiden möchte.

 

[Maik]

Scheinbar hat der IE sich im Selektor a.headermenu:hover an der font-size-Angabe gestört.

Bei mir funktioniert die Infobox im IE6 auch beim ersten Link "Entertainment":

 

[nice2kn0w]

ok, also font-size. Wunderbar ich danke Dir. muss mal schauen, vielleicht hab ich jetzt auch mal wieder was verdaddelt ;-)

Ich danke Dir vielmals, bis bald