Ich scheiter wieder am IE

Stephan Liebig

Erfahrenes Mitglied
Hallo Leute, ich sollte eine kleine Webvisitenkarte erstellen... Im Firefox sieht alles soweit gut aus, aber im IE nicht mehr. Kann mir jemand weiterhelfen, was der IE nicht verträgt?

CSS:
@charset "utf-8";
/* CSS Document */

html, body {
	background-color: #57739F;
}

.container {
	position:absolute;
	height:576px; 
	width:973px;
	margin:-288px 0px 0px -486px;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
	background-color: #fff;
	border: 2px solid #00467c;
	overflow: auto;
}

.leftImage {
	background-image: url(./images/leftImage.jpg);
	height: 576px;
	width: 359px;
	margin: 0px;
	position: absolute;
}

.contentTop {
	margin: 0px 0px 0px 359px;
	height: 280px;
	width: 614px;
	padding: 0px;
}

.contentBottom {
	margin: 0px 0px 0px 359px;
	height: 281px;
	width: 614px;
	background-color:#00467c;
}

.logo {
	padding-top: 10px;
	padding-right: 10px;
}

h1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	padding-left: 10px;
	padding-top: 10px;
}

p {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding-left: 10px;
	padding-right: 10px;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	padding-left: 7px;
}

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
</head>

<body>
	<div class="container">
    	<div class="leftImage"></div>
      <div class="contentTop">
        	<div class="logo" align="right"><img src="./images/test.jpg" alt="Test" /></div>
            <br />
            <img src="./images/bild1.jpg" alt="Bild1"  />
            <img src="./images/bild2.jpg" alt="Bild2"  />
            <img src="./images/bild3.jpg" alt="Bild3"  />
      </div>
        <div class="contentBottom">
        	<h1>Test</h1>
            <p>
                Test
            </p>
            <p>
            	Test
            </p>
            <p>
            	Test
            </p>
        </div>
</div>
</body>
</html>
 
Zuletzt bearbeitet:
Hi,

ich behaupte, dass du an den anderen Browsern scheiterst :-)

Setz mal zu Beginn des Stylesheets diese Regel ein, und schau dir das Ergebnis im FF an:
CSS:
* {
margin:0;
padding:0;
}

Kleiner Tipp: Die Höhen von contentTop und contentBottom ergeben in der Summe nicht 576px.

mfg Maik
 
Das war jetzt schnell behoben...
Aber warum rutscht das Bild im IE nach rechts?

[edit]
Und das ohne deinen Tipp zu lesen. Der Fehler kam noch von einem vorherigen Test, aber danke für den Hinweis.
 
Zuletzt bearbeitet:
Zurück