Hallo Zusammen
Ich habe ein Problem, ich habe eine Webseite gebastelt und sie da sie funktioniert. Allerdings "nur" unter Firefox und dem neuen IE7. Für beide habe ich separate CSS Dateien geschrieben. Der IE6 verschiebt mir eine DIV Box um ein paar px nach rechts so das sie nicht mehr daneben sonder unter der linken Box dargestellt wird. Ich habe die CCS sowie die HTML Datei völlig ausgeschlachtet um den Fehler zu finden. Aber nichts zu machen. Ich habe schon öfters für den IE6 programmiert aber so etwas hatte ich noch nie! Jetzt hoffe ich das mir einer von euch helfen kann?!
Gruß Thomas
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="layout-ie-6.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="outerrim">
<div class="kopf"></div>
<div class="mittel"></div>
<div class="bilder"></div> <!-- hier ist der Fehler -->
<div class="inhalt-mantel"></div>
</div>
</body>
</html>
CSS
.outerrim {
width: 819px;
margin-left: auto;
margin-right: auto;
}
.kopf {
background-image:url('Layout/backgroundR1C1.JPG');
width: 819px;
height: 96px;
overflow: hidden;
background-repeat:no-repeat;
}
.mittel {
background-image:url('Layout/backgroundR2C1.JPG');
width: 819px;
height: 108px;
overflow: hidden;
background-repeat:no-repeat;
}
.bilder{
background-image:url('Layout/backgroundR3C1.JPG');
width: 239px;
height: 410px;
float: left;
}
.inhalt-mantel{
background-image:url('Layout/backgroundR3C2.JPG');
width: 580px;
height: 410px;
}