Abstand zwischen LI's im IE

S

spaceman007

Aktives Mitglied
Kann mir mal jemand weiterhelften?? Steh auf dem Schlauch..

Also in einem Browser (Firefox) funktioniert alles richtig. Im IE ist ab dem zweiten LI oben ein Abstand.. weiss jemand wie ich das Ding rauskriege?

Thanks

Gruss

Spaceman


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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
a
{
text-decoration:none;
}
ul
{
width: 250px;
border-top:1px solid black;
list-style:none;
padding:0px;
margin:0px;
}
li
{
border-bottom:1px solid black;
min-height:2px;
background-color:#CC3399;
}
li:hover
{
background-color:#999900;
}
td
{
padding-left:20px;
}
</style>
<body>
<ul>
<li><a href="#"><table><tr><td>1</td><td>eine linie</td></tr></table></a></li>
<li><a href="#"><table><tr><td>1</td><td>eine linie</td></tr></table></a></li>
<li><a href="#"><table><tr><td>1</td><td>eine linie<br />eine linie</td></tr></table></a></li>
<li><a href="#"><table><tr><td>1</td><td>eine linie<br />eine linie<br />eine linie</td></tr></table></a></li>
</ul>
</body>
</html>


 
Hab's rausgefunden...

So geht's:

CODE
li
{
border-top:1px solid black;

background-color:#CC3399;
}





border-bottom mit border-top wechseln und min-height rausnehmen...

warum auch immer...

Gruss

Spaceman
 
der Code ist eine Katastrophe.

Wozu so umständlich? Eine Liste mit Links und in die Links eine Tabelle? also sowas ist mir noch nicht unter die Augen gekommen.

Befrage vlt. mal einen Validator. Bei www.w3.org wirst Du fündig.
 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben