nicht angemeldet
Hallo,
Ich habe ein ul-Liste gemacht, weiter unten ist der Code (hier aufs Problem reduziert). Wenn man mit dem IE6 über das li-Element "Akkus" hovert, dann springt dieses Element um eine Fingerbreite nach oben! Das Problem tritt weder beim aktuellen Opera noch beim Mozilla auf. Ich knabbere an dem Problem schon 2 Tage >> Hilfe!
Beste Grüße
Viennamade<li style="float:left;display:inline; "><a href="#">Knopfzellen</a></li>
Warum float:left; _und_ display:inline;?
</ul></li>
<li style="margin-top:20px;padding-top:20px;clear:left;"><a href="#">Akkus</a>
Margin und padding im LI-Element - Das sieht fast jeder Browser anders.
Probier mal so:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Waren</title>
<style type="text/css">
<!--
ul.list {list-style-type:none; }
ul.list a {display:block;width:140px; }
ul.list a:link {border:1px solid #d5e7ec;}
ul.list a:visited {border:1px solid #d5e7ec;}
ul.list a:hover {border:1px solid #008996;}
ul.list a:active {border:1px solid #d5e7ec;}
-->
</style>
</head>
<body>
<ul class="list">
<li><a href="start.html">Home</a>
<ul style="list-style-type:none; padding-left:0px">
<li><a href="#">Produkte</a>
<ul>
<li style="clear:left;"><a href="#">Batterien</a>
<ul style="list-style-type:none;">
<li style="float:left;"><a href="#">Knopfzellen</a></li>
<li style="float:left;"><a href="#">R6</a></li>
<li style="float:left; margin-bottom:10px;"><a href="#">letzte Batterie</a></li>
</ul>
</li>
<li style="clear:left;"><a href="#">noch'n Artikel</a>
<ul style="list-style-type:none;">
<li style="float:left; margin-bottom:10px;"><a href="#">Test</a></li>
</ul>
</li>
<li style="clear:left;"><a href="#">Akkus</a>
<ul style="list-style-type:none;">
<li style="float:left;"><a href="#">Blei</a></li>
<li style="float:left;"><a href="#">NiCd</a></li>
<li style="float:left;"><a href="#">9V-Block</a></li>
<li style="float:left; margin-bottom:10px;"><a href="#">letzter Akku</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
viele Grüße
Axel