Darstellungsfehler im...genau: IE

Arioch

Arioch

Aktives Mitglied
Thread Starter
Dabei seit
15.11.2004
Beiträge
745
Reaktionspunkte
13
Ich reiss den IE-Programmierern nochmal die Ohren ab...

Seid gegrüsst!

Da ich gelegentlich für Freunde, etc. Webseiten erstelle, habe ich mir gedacht, dass ich mir dafür auch ein Portal basteln sollte...zusätzlich war ich heute noch auf dem Gewerbeamt und morgen gehts aufs Finanzamt. :zwinker: ...aber das nur nebenbei. :)

Also, es geht um diese Seite: Seitenmalerei.

In Safari & Firefox (Mac & Win) sieht die Seite aus, wie sie sein soll.
Im Internet Explorer jedoch, sieht die Seite so aus: *klick*.

Hätte vielleicht jemand einen Tip für mich, an was es liegen könnte?

Der Box-Modell-Fehler scheint es nicht zu sein. :hum:

Hier noch zur Info der HTML Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Seitenmalerei</title>
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
		<meta http-equiv="Content-Style-Type" content="text/css">
		<meta http-equiv="imagetoolbar" content="no">
		<link rel="stylesheet" type="text/css" href="scripts/onefitsall.css">
		<script src="scripts/navi.js" type="text/javascript"></script>
		<meta http-equiv="content-language" content="de">
		<meta name="author" content="Tobias Herzog">
		<meta name="description" content="Seitenmalerei / Webdesign - Wie gemalt">
		<meta name="keywords" content="">
		<meta name="date" content="2006-08-01">
		<style type="text/css" media="screen">
		</style>
	</head>
	<body>
	<div id="container">
		<div id="banner">
		</div>
		<div id="navi"><a href="index.html">&bull;Startseite</a> <a href="about.html">&bull;&Uuml;ber Seitenmalerei</a> <a href="projekte.html">&bull;Projekte</a> <a href="kontakt.html">&bull;Kontakt</a>
		</div>
		<div id="neuigkeiten">
		</div>
		<div id="content">Lorem ipsum dolor sit amet...
		</div>
		<div id="footer">&nbsp;&copy; Tobias Herzog | www.seitenmalerei.de | <a href="impressum.html">Impressum</a>
		</div>
	</div>
	</body>
</html>

Und mein Stylesheet:
Code:
	body
	{
	background-image:url(../grafiken/body_bg.gif);
	font-family:times;
	color:#330000;
	}
	
	#container
	{
	margin-left:auto;
	margin-right:auto;
	height:auto;
	min-height:600px;
	width:900px;
	background-image:url(../grafiken/container_bg.gif);
	border-width:medium; border-color:#CC3300; border-style:double; padding:5px;
	}

	#banner
	{
	text-align:center;
	position:absolute;
	height:160px;
	width:900px;
	background-image:url(../grafiken/banner.gif);
	}

	#navi
	{
 	background-image:url(../grafiken/navi_bg.gif);
	margin-top:160px;
	font-size:1.3em;
	height:auto;
	width:900px;
	border-bottom-width:2px; border-color:#660000; border-style:dashed;
	border-top-width:2px; border-color:#660000; border-style:dashed;
	border-left:none;
	border-right:none;
	font-family:courier;
	}

	#navi a
	{
	padding: 0 50px 0 0;
	text-decoration:none;
	}
			
	#neuigkeiten
	{
	height:350px;
	width:230px;
	margin-top:20px;
	background-image:url(../grafiken/neuigkeiten.gif);
	}

	#content	
	{
	height:auto;
	width:auto;
	margin-left:240px;
	margin-top:-300px;
	margin-bottom:10px;
	margin-right:10px;
	padding:10px;
	border:thin dotted white;
	font-family:century;
	background-image:url(../grafiken/content_bg.gif);
	}

	#footer	
	{
	height:auto;
	width:900px;;
	text-align:center;
	background-image:url(../grafiken/footer_bg.gif);
	border:thin dashed black;
	font-family:'book antiqua';
	}

		.mittig  { vertical-align:middle; }
		.uline { text-decoration:underline; }
		.center { text-align:center; }
		.strike { text-decoration:line-through; }
		a:link { color: #330000; }
	    a:visited { color:#330000; }

Im Voraus schonmal tausend Dank! :)

Gruss,
Arioch
 
Aschenbecher auf mein Haupt...
Ich glaube, ich habs gefunden:
Im Div #banner war ein position:absolute...

Ich rücke es nochmal zurecht...dann sollte es klappen. :)
 
Zurück
Oben Unten