HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Probleme mit der Aufklappbaren Navigation per CSS im IE

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Probleme mit der Aufklappbaren Navigation per CSS im IE

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Kleine2003



Anmeldungsdatum: 10.11.2009
Beiträge: 3

BeitragVerfasst am: 10.11.2009 15:58:59    Titel: Probleme mit der Aufklappbaren Navigation per CSS im IE Antworten mit Zitat

hallo an alle!

ich habe ein problem mit einer aufklappbaren navigation. diese aufklappnavigation soll sich genau wie hier im forum nach unten öffnen. in firefox macht er mir keine probleme, doch im ie klappt er sie auf, man kann kurz drüber fahren und dann gehts auch schon wieder zu.
an was kann das liegen?
dachte erst an den hover das er entweder zu weit von der navigation entfernt ist oder vielleicht ein link problem. ich sitz nun schon 2 tage dran, ohne erfolg. Sad
habe schon alles erdenkliche versucht, gegoogelt ect.

ich hoffe es kann mir vielleicht hier jemand weiter helfen. ich habe euch mal eine kopie meiner css file mit angehängt.

liebe grüße
die kleine


.menu {

clear: both;

text-align: center;

font-family: Verdana, Helvetica, sans-serif;
font-style: normal;
line-height: normal;

width: 965px; /* (1) */

position: relative;

font-size: 11px; /*padding-bottom:50px;*/

padding-left: 0px;



}


.menu ul { /* UL Ebene 1 */

padding:0;

margin:0;

list-style-type: none;
}

/* Buttons erster Ebene */
.bgschwarz1 {

color: #FFFFFF;
background: url(buttons.jpg) no-repeat;
padding-top: 5px;
padding-bottom: 5px;
width: 193px;
border-top: solid #ffffff 1px;
border-bottom: solid #ffffff 1px;
font-size: 12px; /*padding-bottom:50px;*/
line-height: none;
}

.bgschwarz {

color: #FFFFFF; /*schriftfarbe der buttons*/
background: url(buttons.jpg) no-repeat;
padding-top: 5px;
padding-bottom: 5px;
width: 194px;
border-left: solid #ffffff 1px;
border-top: solid #ffffff 1px;
border-bottom: solid #ffffff 1px;
font-size: 12px; /*padding-bottom:50px;*/
line-height: none;

}



.bgschwarz5 {

color: #FFFFFF;
background: url(buttons.jpg) no-repeat;/* /*hintergrund buttons*/
padding-top: 5px;
padding-bottom: 5px;
width: 192px;
border-left: solid #ffffff 1px; /*umrandung der einzelnen buttons*/
border-top: solid #ffffff 1px;
border-bottom: solid #ffffff 1px;
font-size: 12px; /*padding-bottom:50px;*/
line-height: none;


}

.menu ul li { /* Listenelemente der Ebene 1 */

float:left;

position:relative;

margin-right: 0px;

color: #FFFFFF;

}

.menu ul li a,

.menu ul li a:visited {

/* Links der Listenelemente der Ebene 1 */

display: block;
vertical-align: middle;
text-decoration: none;
text-align: center;
color: #A82D2D;
width:193px; /* Breite von (.menu)/(Anzahl der Punkte)-(1Px) --> (1) */
cursor:pointer;
height: 18px; /* (2) */
background-color: #ffffff;
background-position: left;
background-repeat: no-repeat;
padding-left: 0px;
margin-left: 0px;


}

.menu ul li ul {

top:1px;
display: none;

}



/*Buttons 2. Ebene setzen genau oben auf Buttons 1. Ebene*/

table {

border-collapse: collapse;
font-size: 1em;
}



/* li:hover für non-IE-Browser --- a:hover für IE */

.menu ul li:hover a,

.menu ul li a:hover {
color: #A82D2D;
background: #ffffff;
background-image: url(menu_hg.png);
padding-left: 0px;


}

.firstlink {margin-top: 15px;}


.menu ul li:hover ul,
.menu ul li a:hover ul {

display: block;
position: absolute;
bottom: 19px; /* --> (2) */
margin-top: 0px;
left: 0;
text-align: center;
color:#6c6c6c;
background-image: url(Bilder/rahmen.png);
width: 193px;
}



* html .menu ul li a:hover ul {

margin-top:0px;

}


.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {

visibility:hidden;
position:absolute;
height:0;
width:0;
text-align: center;
}



.menu ul li:hover ul li a,

/*Hintergrund unterpunkte hover*/

.menu ul li a:hover ul li a {

display: block;
background: #ffffff;
height: auto;
line-height: 1.2em;
padding: 2px 5px; /*testweise kleiner*/
margin-left: 0px;
width: 183px;
border: none;
text-align: center;
background-color: #454545; /*hintergrund aufklappmenü*/
color:#ffffff;

}

* html .menu ul li a:hover ul li a {

width:183px;

text-align: center;
}



.menu ul li:hover ul li a.drop, /* Ebene 2 mit Subpunkten */
.menu ul li a:hover ul li a.drop {

background: #ffffff;
text-align: left;
border: none;
}



.menu ul li:hover ul li a:hover, /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {

clear: both;
background: #ffffff;
color: #6c6c6c;
text-align: center;
text-decoration: none;
font-weight: bold;
border: none;
}



.menu ul li:hover ul li:hover ul, /* Ebene 3 */

.menu ul li a:hover ul li a:hover ul {

visibility:visible;
position:absolute;
left:183px;
bottom:0;
width:183px;
text-align: center;
border: none;

}


.menu ul li:hover ul li:hover ul.left, /* Ebene 3 letztes Element */
.menu ul li a:hover ul li a:hover ul.left {

clear: both;
left:-183px;
}
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 12.11.2009 19:21:59    Titel: Antworten mit Zitat

Poste einmal den Link zu deiner Seite, dann könnte man das ganze im Kontext ansehen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.