Darstellung von Aufzählung innerhalb eines Rahmens - IE & FF

Status
Nicht offen für weitere Antworten.
Vielen Dank, ich hab es mal ausprobiert. Leider ist das Ergebnis noch das selbe. Ich überlege schon, ob es vielleicht eine Angabe an anderer Stelle innerhalb der vielen CSS-Dateien ist, die der Grund für dieses Problem ist.

Das IE 7.0 Prob hätte jetzt nicht noch zusätzlich hinzukommen müssen ;-) Naja, that's Life.

Den Strich unter dem rechten Bereich könnt ihr euch nicht erklären, oder?
 
Hi,

ich poste mal den Quellcode meines Testdokuments, in dem der Abstand in beiden Browsern passt.

Gut möglich, dass dir eine Regel aus einem der anderen fünf Stylesheets dazwischenfunkt.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
.blog {
background: url(http://www.cherrysworld.de/test/img/icons/blog.gif) no-repeat;
padding-left: 20px;
}

div.list_right {width: 100%; font-size: 95%; margin: 0; padding: 0;}
div.list_right ul {list-style:none; margin: 0; padding: 0;}
.list_right li {list-style-position:outside; background-color: #FFFFFF; border-top: #B1AF77 1px solid; border-bottom: #B1AF77 1px solid;}
.list_right a {color: #000; font-weight: bold; text-decoration: none;}
.list_right a:hover {color: #B1AF77; font-weight: bold; text-decoration: underline;}
.list_right a:focus {color: #B1AF77; font-weight: bold; text-decoration: underline;}

.xsnazzy h6, .zsnazzy h6 {
margin:0;
font-size:95%;
font-weight: bold;
padding:0 10px 5px 30px;
background-image: url(PFAD / BILD);
}

.xsnazzy h6 a {color: #000000; text-decoration: none;}
.xsnazzy h6 a:hover {color: #6A7B92; text-decoration: none;}
h6 span {padding-left:15px;}

.xsnazzy p, .zsnazzy p {
margin:0;
padding: 2px 5px;
font-size:95%;
background-color: #F4F4EE;
}

.xsnazzy a {color: #000000; font-weight: bold; text-decoration: none;}
.xsnazzy a:hover {color: #B1AF77; font-weight: bold; text-decoration: underline;}

.xsnazzy {
background: transparent;
width:310px;
float:left;
margin:0 3px 5px;
background-color: #F4F4EE;
}

.xtop, .xbottom {
display:block;
background:transparent;
font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
display:block;
overflow:hidden;
}

.xb1, .xb2, .xb3 {
height:1px;
}

.xb2, .xb3, .xb4 {
background-color: #F4F4EE;
border-left:1px solid #B1AF77;
border-right:1px solid #B1AF77;
}

.xb1 {
margin:0 5px;
background:#B1AF77;
}

.xb2 {
margin:0 3px;
border-width:0 2px;
}

.xb3 {
margin:0 2px;
}

.xb4 {
height:2px;
margin:0 1px;
}

.xboxcontent {
display:block;
border:0 solid #B1AF77;
border-width:0 1px;
height:auto;
margin: 0;
padding: 0;
}

* html .xboxcontent {
height:1px;
}

.color_a {
background:#F4F4EE;
color:#000;
}
-->
</style>

</head>
<body>

<div class="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2 color_a"></b>
<b class="xb3 color_a"></b><b class="xb4 color_a"></b></b>
<div class="xboxcontent">

<div class="list_right">
<h6>Aktuelles <span><a href="#">Mehr</a><span></h6>
<ul>
<li class="blog"> <a href="">Nacktfotos gehen gar nicht</a></li>
<li class="blog"> <a href="">Nacktfotos gehen gar nicht</a></li>
<li class="blog"> <a href="">Nacktfotos gehen gar nicht</a></li>
<li class="blog"> <a href="">Nacktfotos gehen gar nicht</a></li>
</ul>
</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück