Zur Navigation

Probleme mit Darstellung im IE6

1 tobsp

hallo zusammen,

vielleicht kann mir jemand helfen. ich habe ein problem mit der darstellung meines menu´s!
beim IE 7 und bei Modzilla funktioniert mein menu einwandfrei.
nur der IE 6 macht probleme.

wäre net wenn mir jemand helfen könnte!

vielen dank im vorraus!!!!!!!!

hier mal meine daten:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title></title>

<link rel="stylesheet" type="text/css" href="inc/navi.css">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="215" height="162"><img src="bilder/header/startlinks.JPG" width="215" height="162" border="0" alt="Bild Halle"></td>

<td width="100%"><img src="bilder/header/spacer.gif" width="1" height="1" border="0" alt=""></td>

<td width="558"><img src="bilder/header/startrechts.JPG" width="600" height="162" border="0" alt=""></td></td>

</tr>

</table>

<br>

<ul id="qm0" class="qmmc">

<li><a href="news.php">News</a></li>

<li><a class="qmparent" href="#">Mannschaften</a>

<ul>

<li><a href="damen1.php">Damen 1</a></li>

<li><a href="damen2.php">Damen 2</a></li>

<li><a href="herren1.php">Herren 1</a></li>

<li><a href="herren2.php">Herren 2</a></li>

<li><a href="herren3.php">Herren 3</a></li>

<li><a href="herren4.php">Herren 4</a></li>

<li><a href="herren5.php">Herren 5</a></li>

<li><a href="herren6.php">Herren 6</a></li>

<li><a href="jugend.php">Jugend</a></li>

<li><a href="schuelerA.php">Sch&uuml;ler A</a></li>

<li><a href="schuelerB.php">Sch&uuml;ler B</a></li>

</ul></li>

<li><a class="qmparent" href="#">Turniere</a>

<ul>

<li><a class="qmparent" href="#">Ping-Pong-Caf&eacute;</a>

<ul>

<li><a class="qmparent" href="#;">2008</a>

<ul>

<li><a href="ppc2008Ausschreibung.php">Ausschreibung</a></li>

<li><a href="ppc2008Anmeldung.php">Anmeldung</a></li>

<li><a href="ppc2008HerrenA.php">Teilnehmer Herren A</a></li>

<li><a href="ppc2008HerrenB.php">Teilnehmer Herren B</a></li>

<li><a href="ppc2008Damen.php">Teilnehmer Damen</a></li>

</ul></li>

<li><a href="ppc2007.php">2007</a></li>

<li><a href="ppcArchiv.php">Archiv</a></li>

</ul></li>

<li><a class="qmparent" href="#">Karlsbad Cup</a>

<ul>

<li><a href="karlsbadCup2008.php">2008</a></li>

<li><a href="karlsbadCupArchiv.php">Archiv</a></li>

<li><a href="karlsbadCup2009.php">2009</a></li>

</ul></li>

<li><a class="qmparent" href="#">Vereinsmeisterschaften</a>

<ul>

<li><a href="vmErwachsene.php">Erwachsene</a></li>

<li><a href="vmJugend.php">Jugend</a></li>

</ul></li>

</ul></li>

<li><a class="qmparent" href="#">Jugend</a>

<ul>

<li><a href="jugendAllgemein.php">Allgemein</a></li>

<li><a href="jugendAnsprechpartner.php">Ansprechpartner</a></li>

<li><a href="jugendTraining.php">Training</a></li>

<li><a class="qmparent" href="#">Mannschaften</a>

<ul>

<li><a href="jugend.php">Jugend</a></li>

<li><a href="schuelerA.php">Sch&uuml;ler A</a></li>

<li><a href="schuelerB.php">Sch&uuml;ler B</a></li>

</ul></li>

<li><a href="jugendAuswaertsfahrten.php">Ausw&auml;rtsfah rten</a></li>

<li><a class="qmparent" href="#">Turniere</a>

<ul>

<li><a href="jugendErfolge.php">Erfolge</a></li>

<li><a href="jugendAusschreibungen.php">Ausschreibungen</a></li>

<li><a href="jugendTurnierarchiv.php">Archiv</a></li>

</ul></li>

<li><a class="qmparent" href="#">Veranstaltungen</a>

<ul>

<li><a href="jugendFreizeit.php">Freizeit</a></li>

<li><a href="jugendAusflug.php">Ausflug</a></li>

<li><a href="jugendFasching.php">Fasching</a></li>

</ul></li>

</ul></li>

<li><a class="qmparent" href="#">Termine</a>

<ul>

<li><a href="dateien/gesamtplan.pdf" target="_blank">Gesamtspielplan</a></li>

<li><a href="termine2008.php">2008</a></li>

<li><a href="termine2009.php">2009</a></li>

</ul></li>

<li><a class="qmparent" href="#">Aktivit&auml;ten</a>

<ul>

<li><a href="jahresabschlussfeier.php">Jahresabschlussfei er</a></li>

<li><a href="maiAusflug.php">1. Mai</a></li>

<li><a href="jahresausflug.php">Jahresausflug</a></li>

<li><a href="dorffest.php">Dorffest</a></li>

<li><a href="jugendFreizeit.php">Freizeit</a></li>

<li><a href="damenfreizeit.php">Damenfreizeit</a></li>

<li><a href="jahresausklang.php">Jahresausklang</a></li>

</ul></li>

<li><a class="qmparent" href="#">Presse</a>

<ul>

<li><a href="presseAktuell.php">Aktuell</a></li>

<li><a href="presse2008.php">2008</a></li>

<li><a href="presseArchiv.php">Archiv</a></li>

</ul></li>

<li><a class="qmparent" href="#">Sonstiges</a>

<ul>

<li><a href="verwaltung.php">Verwaltung</a></li>

<li><a href="sponsoren.php">Sponsoren</a></li>

<li><a href="links.php">Links</a></li>

<li><a href="chronik.php">Chronik</a></li>

<li><a href="bildergalerie.php">Bildergalerie</a></li>

<li><a class="qmparent" href="#">In Memorium</a>

<ul>

<li><a href="dorisRied.php">Doris Ried</a></li>

<li><a href="bertholdBrecht.php">Berthold Brecht</a></li>

</ul></li>

<li><a href="spiellokal.php">Spiellokal</a></li>

<li><a href="trainingszeiten.php">Trainingszeiten</a></li>

</ul></li>

<li><a href="gaestebuch.php">G&auml;stebuch</a></li>

<li class="qmclear">&nbsp;</li></ul>

<br>

<br>

<center><table width="30%" border="0" cellpadding="0" cellspacing="0">

<td><center><a href="home.php">Home</a></center>&nbsp;</td>

<td><center><a href="kontakt.php">Kontakt</a></center>&nbsp;</td>

<td><center><a href="impressum.php">Impressum</a></center>&nbsp;</td>

<td><center><a href="sitemap.php">Sitemap</a></center>&nbsp;</td>

</tr>

</table></center>

</body>

</html>


inc/navi.css
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:rela tive;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit; left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/

/* QuickMenu 0 */

/*"""""""" (MAIN) Container""""""""*/

#qm0

{

width:auto;

background-color:#ff8c00;

border-width:4px 0px 4px 0px;

border-style:solid;

border-color:#000000;

}


/*"""""""" (MAIN) Items""""""""*/
#qm0 a

{

padding:6px 40px 6px 8px;

color:#112747;

font-family:Arial;

font-size:12px;

text-decoration:none;

}



/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover

{

background-color:#96B8E7;

}



/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/

#qm0 li:hover>a

{

background-color:#96B8E7;

}



/*"""""""" (MAIN) Active State""""""""*/

body #qm0 .qmactive, body #qm0 .qmactive:hover

{

background-color:#7EA7E1;

text-decoration:underline;

}



/*"""""""" (SUB) Container""""""""*/

#qm0 div, #qm0 ul

{

padding:5px;

margin:0px;

background-color:#D7E3F6;

border-width:4px 1px 1px 1px;

border-style:solid;

border-color:#598DD8;

}



/*"""""""" (SUB) Items""""""""*/

#qm0 div a, #qm0 ul a

{

padding:2px 40px 2px 5px;

border-width:0px;

border-style:none;

}



/*"""""""" (SUB) Hover State""""""""*/

#qm0 div a:hover

{

text-decoration:underline;

}



/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/

#qm0 ul li:hover>a

{

text-decoration:underline;

}



/*"""""""" Individual Titles""""""""*/

#qm0 .qmtitle

{

margin:2px 5px 5px 5px;

color:#112747;

font-family:Arial;

font-size:11px;

font-weight:bold;

}



/*"""""""" Individual Horizontal Dividers""""""""*/

#qm0 .qmdividerx

{

border-top-width:2px;

margin:4px 5px 4px 5px;

border-color:#A2A1AD;

}



/*"""""""" Custom Rule""""""""*/

ul#qm0 ul li:hover > a.qmparent

{

background-image:url(/qmimages/cssalt1_arrow_right_hover.gif);

}



/*"""""""" Custom Rule""""""""*/

ul#qm0 ul .qmparent

{

background-image:url(/qmimages/cssalt1_arrow_right.gif);

}



/*"""""""" Custom Rule""""""""*/

ul#qm0 li:hover > a.qmparent

{

background-image:url(/qmimages/cssalt1_arrow_down_hover.gif);

text-decoration:underline;

}



/*"""""""" Custom Rule""""""""*/

ul#qm0 .qmparent

{

background-image:url(/qmimages/cssalt1_arrow_down.gif);

background-repeat:no-repeat;

background-position:97% 50%;

}



div {

padding: .5em;

margin: 0;

border: 2px solid black;

color: black;

text-align: center;

}

#box1 {

background-color: #e6e6fa;

float: center;

margin: 5px;

}

#box2 {

background-color: #e6e6fa;

float: center;

text-align: left;

margin: 5px;

}



body {

background-color: #99ccff;

}

[Edit Jörg: Code zur besseren Lesbarkeit in Codeblöcke eingefügt]

04.05.2008 18:47 | geändert von Jörg: 04.05.2008 20:28

2 Jörg

Hallo tobsp,

mit solchen Selektoren kann erst der IE 7 umgehen:
li:hover>ul

Deswegen funktioniern solche Aufklappmenüs nicht im IE 6.

Auf SELFHTML wurde ein anderes Aufklappmenü auf CSS-Basis behandelt:

http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern

Unterhalb wird dort eine JavaScript-Funktion vorgestellt, die diese Funktionalität auch für den IE 6 ermöglicht

PS: zur besseren Lesbarkeit habe ich deinen Code in Code-Blöcke ([code][/code]) eingefügt

04.05.2008 20:47 | geändert: 04.05.2008 20:50

3 tobsp

danke für die rückmeldung,
heißt das jetzt dass ich mein ganzes menu nochmal neu machen muß?? oder wie???
ich bin noch nicht so fit in der ganzen programmiererei, merkt man ja!
vielleicht noch ne kleine Hilfe???

05.05.2008 16:48

4 Jörg

Ich hab grad mal nach "QuickMenu Core CSS" gegoogelt - hast du das Menü mit diesem Tool erstellt (?):

http://www.opencube.com/quickmenu.asp

Unter den "QuickMenu Details" habe ich leider keine Hinweise auf Browser-Kompatibilität entdecken können. Allerdings gibt es dort auch noch ein Support-Forum, wo du nachfragen könntest, inwiefern sich die Navigation für den IE 6 anpassen lässt und was du dafür tun musst.

Wenn du das Menü manuell erstellen möchtest, könnte der von mir verlinkte Abschnitt auf SELFHTML hilfreich sein - aber dazu sind natürlich gewisse Grundkenntnisse in HTML und CSS erforderlich

05.05.2008 18:08

Beitrag schreiben (als Gast)





[BBCode-Hilfe]