dropdown menü beim hover verschoben @ tutorials.de: Tutorials, Forum & Hilfe

lulu · 26.09.11 09:21

Hallo,
ich habe ein bekanntes Probelm komme aber nicht auf die Lösung. Bei meinem horizontalen dropmenu verschiebt sich beim hovern im ie8 das drop menu um einen button nach rechts. Ausserdem sollten 2 button dropen so wie es im ff angezeigt wird im ie 8 wird aber einer verschluckt.
Da dies mein erstes menü dieser Art ist bin ich etwas ratlos wie ich das Problem lösen soll und würde mich über Hilfe freuen.

gruß
lulu

CSS CODE

#navi {
border: solid 0px #CEA6A7; /*allgemeine Rahmeneinstellungen*/
width: 1210px;
width: 100%;
margin: 0px auto;
padding:0px;

}

#navi ul ,#navi li{ /*ausrichtung*/
list-style: none;
display: inline;
margin:0px auto;
padding:0px;
float: left;
position: relative;
}

#navi li a:link , #navi li a:visited , #navi li a:active {
display:block;
height:36px;
width:148px;
line-height:28px; /*breite und höhe von button und Schrift*/
background:url(hinter.png) repeat-x;
color:#000000;
text-decoration:none;
text-align:center;
font-size: 14px;
font-family: verdana, sans-serif;
padding-right:2px;
padding-bottom:2px;
margin:0px;
float:left;

}

#navi li a:hover {background-color:#FFFFFF; /*--für hover--*/
background:url(hinter1.png) repeat-x;
color:#ffffff;

}

#navi ul ul { /*versteckt link*/
position: absolute;
z-index: 2;
display: none;

}

#navi a:hover {
color: #000000;
background: #ffffff;

}

#navi ul li:hover ul { /*link erscheint*/
display: block;
position: absolute;

}

#navi li {
position: relative;

}

HTML CODE

HTML-Code:

<body>
<table width="1210" border="0" align="center">
    <tr>
      <td width="1210" ><div id="navi" align="center">
      <ul>
      	<li><a href="computernotruf-start.html" target="main">Start</a></li>
        <li><a href="index.html" >Betriebsysteme</a>
         	<ul>
           	  <li><a href="windows.html" target="main">Windows</a></li>
       		  <li><a href="apple.html" target="main"><Apple</a></li>
            </ul>
        <li><a href="index.html"><img src="blog/hinter2.gif" border="0"></a>
            <ul>
               <li><a href="datenrettung.html"target="main">Datenrettung</a></li>
                <li><a href="viren.html" target="main">Virenentfernung</a></li>
            </ul>
        <li><a href="buchhaltung.html" target="main"  >Buchhaltung</a>
              <ul>
                <li><a href="datenrettung.html"  target="main" >Lexware</a></li>
                <li><a href="buchhaltung.html" target="main" >Datac</a></li>
              </ul>
        </li>
        <li><a href="flohmarkt.html" target="main">PC nach Ma&szlig;</a></li>
        <li><a href="preisliste.html" target="main">Preisliste</a></li>
        <li><a href="download.html" target="main" Download</a>
        	 <ul>
                <li><a href="windowsdownload.html" target="main">Windows</a></li>
                <li><a href="appledownload.html"  target="main">Apple</a></li>
          </ul>
        </li>
        <li><a href="kontakt.html" target="main">Kontakt</a></li>
      </ul>
</div></td>
    </tr>
  </table>
  
   
</body>
</html>

***hela*** · 27.09.11 01:25

Hallo,

dein HTML ist reichlich invalid.

Gruß retour

djheke · 01.10.11 14:31

Und viel zu Tabellisch

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Navi-Leiste im IE6 nach unten verschoben/zerhackt + Hover im IE6 läuft nicht

Horizontales Menü mit Dropdown & individuelle hover-over Bilder

Dropdown Menü im IE verschoben

Dropdown-Menü [Safari] verschwindet bei hover

Dropdown Menü mit UL / LI (Reines CSS!) -> :hover Problem unter IE

E-Mail:

Abonnieren Abbestellen