Hallo zusammen,
ich sitze schon den ganzen Tag vor einem Problem. Ich habe folgendes Beispiel:
<!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=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
UL{
list-style: none;
margin:0px;
padding:0px;
}
LI{
list-style: none;
margin-bottom:1px;
padding:0px;
background-color:#0066FF;
}
</style>
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li>Link1</li>
<ol>
<li>Link1.1</li>
</ol>
<li>Link2</li>
</ul></td>
</tr>
</table>
</body>
</html>
Die Anzeige im FF und im IE ist sehr unterschiedlich. Ich brauche im Prinzip eine Mischung aus beiden und bekomme das einfach nicht hin.
Im FF wird zwischen den Links jeweils 1px Platz gelassen. Im IE fehlt der Platz zwischen dem ersten Link und dem Unterlink. Da zeigt der FF es so an, wie ich es brauche. Dafür ist beim IE der gesammte Unterlink blau hinterlegt, so wie ich es haben will, im FF jedoch nicht. Was ich bei beiden nicht hinkriege ist, dass der Unterlink weiter nach links rückt, so 10px ca. Kann mir jemand auf die Sprünge helfen, bevor ich noch einen Tag damit verbringe?