IE6 Probleme mit Submenue

Status
Nicht offen für weitere Antworten.
die Homepage ist noch nicht Online da ich sie auf keinen Webspace uploaden kann

teste das alles mit xampp bzw virtuellen Server

hab aber den kompletten Code gepostet der für das Menu zuständig ist
 
Zuletzt bearbeitet:
So läuft es bei mir im IE6 und eine Lücke zwischen den beiden Links "service" und "angebot" taucht da auch nicht auf :-)

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_polygnom</title>

<style type="text/css">
<!--
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/navis/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.navi {
z-index:1000;
font-size:90%;
margin:25px 0 50px 15px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.navi ul {
padding:0;
margin:0;
list-style-type:none;
width:120px;
}
/* hack for IE5.5 */
* html .navi ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.navi li {
position:relative;
height:21px;
}

/* get rid of the table */
.navi table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.navi a, .navi a:visited {
display:block;
text-decoration:none;
height:20px;
line-height:20px;
width:119px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .navi a, * html .navi a:visited {background:transparent; width:120px; w\idth:119px;}
/* style the link hover */
* html .navi a:hover {color:#000; background:transparent;}

.navi :hover > a {
color:#000;
background:transparent;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navi ul ul {
visibility:hidden;
position:absolute;
top:0;
left:120px;
}
/* make the second level visible when hover on first level list OR link */
.navi ul li:hover ul,
.navi ul a:hover ul {
visibility:visible;
}

a#home, a#home:visited {
        background-image: url(../bilder/home.jpg);
}
a#home:hover {
        background-image: url(../bilder/home_over.jpg);
}
a#home:active {
        background-image: url(../bilder/home_press.jpg);
}
a#service {
        background-image: url(../bilder/service.jpg);
}
a#service:hover  {
        background-image: url(../bilder/service_over.jpg);
}
a#com, a#com:visited {
        background-image: url(../bilder/com.jpg);
        width: 180px;
}

a#com:hover {
        background-image: url(../bilder/com_over.jpg);
}
a#com:active {
        background-image: url(../bilder/com_press.jpg);
}


a#tele, a#tele:visited {
        background-image: url(../bilder/tele.jpg);
        width: 180px;
}
a#tele:hover {
        background-image: url(../bilder/tele_over.jpg);
}
a#tele:active {
        background-image: url(../bilder/tele_press.jpg);
}

a#angebot, a#angebot:visited{
        background-image: url(../bilder/angebot.jpg);
}
a#angebot:hover {
        background-image: url(../bilder/angebot_over.jpg);
}
a#angebot:active {
        background-image: url(../bilder/angebot_press.jpg);
}

a#kontakt, a#kontakt:visited {
        background-image: url(../bilder/kontakt.jpg);
}
a#kontakt:hover {
        background-image: url(../bilder/kontakt_over.jpg);
}
a#kontakt:active {
        background-image: url(../bilder/kontakt_press.jpg);
}
a#impre, a#impre:visited {
        background-image: url(../bilder/impres.jpg);
}
a#impre:hover {
        background-image: url(../bilder/impres_over.jpg);
}
a#impre:active {
        background-image: url(../bilder/impres_press.jpg);
}
a#gbook, a#gbook:visited {
        background-image: url(../bilder/home.jpg);
}
a#gbook:hover {
        background-image: url(../bilder/home_over.jpg);
}
a#gbook:active {
        background-image: url(../bilder/home_press.jpg);
}
-->
</style>

</head>
<body>

<div class="navi">
     <ul>
         <li><a href="#" id="home">home</a></li>
         <li class="sub"><a href="#" id="service">service<!--[if IE 7]><!--></a><!--<![endif]-->
         <!--[if lte IE 6]><table><tr><td><![endif]-->
                 <ul>
                     <li><a href="#" id="com">com</a></li>
                     <li><a href="#" id="tele">tele</a></li>
                 </ul>
         <!--[if lte IE 6]></td></tr></table></a><![endif]-->
         </li>
         <li><a href="#" id="angebot">angebot</a></li>
         <li><a href="#" id="kontakt">kontakt</a></li>
         <li><a href="#" id="impre">impre</a></li>
         <li><a href="#" id="gbook">gbook</a></li>
     </ul>
</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück