Screenshots unter
IE6
IE7
Firefox
Ihr seht beim IE6 einen weißen Rahmen rechts und links. keine Ahnung mehr wo der her kommt.
Ich hoffe ihr findet den Fehler.
Noch kurz der Quellcode:
Hier der Code:
- Code: Alles auswählen
<body>
<div>
<div>Seitentext</div>
<div>
<div><img></div>
</div>
</div>
</body>
Das CSS:
- Code: Alles auswählen
#schatten {
/* position: relative; */
width: 918px;
display: block;
margin: 0px 9px 0px 0px;
background-image: url(../images/pattern.gif);
background-repeat: repeat-y;
} /*
/*Definition des Schattens */
.shadow {
background: url(../images/shad_start.gif) no-repeat bottom right;
float: left;
}
.shadow:after {
background:url(../images/shad_start.gif) left bottom no-repeat;
display:block;
width:18px;
height:9px;
content:"";
margin:-9px 0px 0px 0px;
}
.shadow:before {
/* background:url(../images/shad_start.gif) left bottom no-repeat;*/
display:block;
height:18px;
content:"";
margin-bottom:-18px;
}
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100.1%;
}
body {
background:#FFFFFF url(../images/stripe.png) scroll center top;
/* background-color:#FF9999; */
font: 11px/1.5em Verdana;
position:relative;
}
#container {
width: 900px;
margin: 0px auto;
padding: 0px;
text-align: left;
background-color: #fff;
/* height: 100%; */
}
#inhalt {
float: left;
padding: 10px;
padding-left: 20px;
}
#headpic {
float:left;
width:900px;
margin-left:9px;
height: 207px;
border-bottom-style:solid;
border-bottom-color:#FF0000;
border-bottom-width:thin;
}
