Hallo erst mal liebe gemeinde
bin noch nicht so fit was css angeht
also ich habe mir eine kleine navi gebaut in css, in allen aktuellen brauser funkt. diese nur in dem IE6 nicht WARUM ! ich krieg die kriese bitte helft mir !
hier der code !
wißt ihr ich will einfach nur das man mit der maus über einen link fährt
und das dann darunter ein erklärender text steht mehr nicht !
wie gesagt IE7 Firefox etc da funkt es nur IE6 nicht bitte helft mir
vielen dank
der doctype:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
die css:
Code:
#znavi {
white-space:nowrap;
width:1px;
height:45px;
}
#znavi #hide1, #hide2, #hide3, #hide4, #hide5, #hide6 {
display:none;
/*visibility:hidden;*/
}
#znavi:hover #hide1, #znavi:hover #hide2, #znavi:hover #hide3, #znavi:hover #hide4, #znavi:hover #hide5, #znavi:hover #hide6 {
display:block;
/*visibility:visible;*/
width:400px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #8A8A8A;
font-weight: bold;
font-style: italic;
height:45px;
}
die boxen:
Code:
<div id="znavi" >
<a href="grosse-zaubershow.php" class="navi">Große Zaubershow</a><br>
<div id="hide1">Für Kinder von 8 bis 99 jahren</div>
</div>
<div id="znavi" style=" margin-left:45px;">
<a href="kinder-zaubershow.php" class="navi">Kinder Zaubershow</a>
<div id="hide2">Für Kinder von 3 bis 10 jahren</div>
</div>
<div id="znavi" style=" margin-left:75px;">
<a href="weihnachtszauber.php" class="navi">Weihnachtszauber</a>
<div id="hide3">Zauberhaftes zur Vorweihnachtszeit</div>
</div>
<div id="znavi" style=" margin-left:80px">
<a href="kinder-zaubershow-tagesaktion.php" class="navi">Kinder- Zaubershow als Tagesaktion</a>
<div id="hide4">6 Stunden Non - Stop - Animation</div>
</div>
<div id="znavi" style=" margin-left:45px;">
<a href="luftballon-figuren.php" class="navi">Luftballon - Figuren</a>
<div id="hide5">Zum Staunen und Mitmachen</div>
</div>
<div id="znavi">
<a href="gebaerdendolmetscher.php" class="navi">Gebärdendolmetscher</a>
<div id="hide6">Für hörgeschädigte Kinder</div>