|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
Kleine2003
Anmeldungsdatum: 10.11.2009 Beiträge: 3
|
Verfasst am: 10.11.2009 15:58:59 Titel: Probleme mit der Aufklappbaren Navigation per CSS im IE |
|
|
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.
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 |
|
|
Kambfhase Häufiger Poster
Anmeldungsdatum: 19.03.2006 Beiträge: 235
|
Verfasst am: 12.11.2009 19:21:59 Titel: |
|
|
Poste einmal den Link zu deiner Seite, dann könnte man das ganze im Kontext ansehen. |
|
Nach oben |
|
|
|
|
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.
|
|
|
|