Hallo!
Ich habe hier vor mir CSS-formatierten XHTML-Code, der mich noch zur Verzweiflung bringt! Er wird beim IE anders dargestellt als z.B. bei Mozilla Firefox - evtl. könnt ihr mir weiterhelfen.
Die Darstellung von Firefox wäre die gewünschte, wie bekomme ich das hin ? Dieser Zusätzliche farbige Rand über dem Div-Layer (der Box) stört gewaltig !
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">
<!--
ul.entrylist,
ul.entry {
list-style-type:none;
padding:0px;
margin:0px;
border-style:none;
border-width:0px;
}
ul.entry {
background-color:#00CCCC;
}
li.entrylist {
margin:0px;
margin-top:25px;
padding:0px;
background-color:#FF00FF; /* <- Versuch zur Fehlersuche */
}
li.name,
li.date,
li.text,
li.homepage {
padding:5px;
}
li.name,
li.date,
li.homepage {
color:#FFFFFF;
}
li.name {
float:left;
}
li.date {
float:right;
}
li.text {
clear:both;
background-color:#66FFFF;
}
-->
</style>
</head>
<body style="margin:0px;padding:0px;">
<ul class="entrylist"><!--
--><li class="entrylist"><!--
--><div style="width:100px;height:100px;border:1px;border-style:solid"></div><!--
--></li><!--
--><li class="entrylist"><!--
--><div style="width:100px;height:100px;border:1px;border-style:solid"></div><!--
--></li><!--
--></ul>
</body>
</html>