denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Mi 04.03.2009 09:41
Titel ie6 Bei Current-Link geht dropdown menü nicht auf... |
|
|
Hallo!
Auf einer Seite benutze ich ein Dropdown Menü... Außerdem nutze ich dieses:
Code: | <li><a href="index.php" <?php if ($thisPage=="index") { echo "class=\"current\""; } ?>>Willkommen</a></li> | um die aktiven Links erscheinen zu lassen.
Nun habe ich aber das Problem, dass der ie6 mir das Dropdown Menü nicht mehr anzeigt, wenn ich auf dem Link schon bin.
Also wenn ich zb habe
a
b
-b1
-b2
c
bin ich nun auf b, b1 oder b2 ist das ja der aktive Link. Und dann erscheint halt das dropdown nicht... Also muss es ja irgendwas mit meiner current Klasse zu tun haben...
Um die dropdowns visible zu machen nutze ich das:
Code: |
.menu ul :hover ul ul{ visibility: hidden; }
.menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; }
.menu ul :hover ul :hover ul{ visibility:visible; }
|
ich habe probiert es so zu schreiben, weil es meiner Meinung nach der Code ist, der verändert werden muss:
Code: |
.menu ul :hover ul ul{ visibility: hidden; }
.menu ul li:hover ul, .menu ul a:hover ul, .menu ul a.current:hover { visibility: visible; }
.menu ul :hover ul :hover ul{ visibility:visible; }
|
Leider bringt das nichts... hat von euch jemand eine Idee?
html
Code: |
<ul>
<li><a href="#" <?php if ($thisPage=="therapie") { echo "class=\"current\""; } ?>>Therapie<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="therapie_kind.php">kindlicher Bereich</a></li>
<li><a href="therapie_alle.php">alle Altersgruppen</a></li>
<li><a href="therapie_verschreibung.php">Verschreibung</a></li>
<li><a href="therapie_wer.php">Therapiebedürftige</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
|
css
Code: |
.menu { height: 28px; font-size: 10pt; width: 710px; padding: 0 0 0 10px; background: url(../images/layout_menu.png); }
* html .menu {width:710px; w\idth:710px; }
.menu ul { padding: 0; margin: 0; list-style-type:none; position: relative; z-index: 55; }
.menu li { position:relative; display: block; float: left; }
* html .menu a { overflow:hidden; text-decoration: none; float: left; }
.clr { float: none; }
.menu ul ul a {
margin: 0; padding: 0 5px 0 5px;
width: 100px;
display: block;
text-decoration: none; text-align: center; font-size: 8pt; color: #ffffff; line-height: 22px;
background: #429168;
float: none;
}
.menu ul ul.therapie a {
margin: 0; padding: 0 5px 0 5px;
width: 115px;
display: block;
text-decoration: none; text-align: center; font-size: 8pt; color: #ffffff; line-height: 22px;
background: #429168;
}
.menu ul li a.current { display: block; height: 22px; font-size: 8pt; color: #094b29; text-decoration: none; padding: 6px 25px 0 25px; margin: 0; background: url(../images/menu.jpg); }
.menu ul ul a:hover { background: #fbe9d3; color: #094b29; }
.menu ul ul.therapie a:hover { background: #fbe9d3; color: #094b29; }
.menu ul a {
display: block; height: 22px; font-size: 8pt; text-decoration: none; padding: 6px 25px 0 25px; margin: 0;
}
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 28px; left: -8px; float: none; }
.menu ul ul.therapie { visibility: hidden; position: absolute; height: 0; top: 28px; left: 3px; float: none; }
.menu ul ul ul { visibility: hidden; position: absolute; height: 0; top: 0; left: 124px; float: none; }
.menu ul ul.therapie ul { visibility: hidden; position: absolute; height: 0; top: 0; left: 124px; float: none; }
* html .menu ul ul a { top:25px; t\op:26px; }
* html .menu ul ul ul { top:0; t\op:0px; }
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }
* html .menu ul ul a, * html .menu ul ul a:visited { width:115px; w\idth: 115px; }
.menu a:hover, .menu ul ul a:hover { background: url(../images/menu.jpg); color: #094b29;}
.menu :hover > a, .menu ul ul :hover > a { background: url(../images/menu.jpg); color: #094b29;}
.menu ul ul a:hover, .menu ul ul ul a:hover { background: #fbe9d3; color: #094b29;}
.menu ul ul :hover > a, .menu ul ul ul :hover > a { background: #fbe9d3; color: #094b29; }
.menu ul :hover ul ul{ visibility: hidden; }
.menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; }
.menu ul :hover ul :hover ul{ visibility:visible; }
.menu ul :hover ul ul { visibility: hidden; }
.menu ul :hover ul :hover ul { visibility:visible; }
|
edit: Oh nein....ich sehe gerade unten an den ähnlichen beiträgen, dass ich dieses problem schonmal hatte... aber an den beitrag da unten kann ich mich echt nich im geringsten erinnern, ist nicht so schlimm, ich habe mir damit selbst geholfen
Zuletzt bearbeitet von denise2302 am Mi 04.03.2009 09:45, insgesamt 1-mal bearbeitet
|
|