Darstellungsfehler im...genau: IE

Dieses Thema im Forum "Web Page Design" wurde erstellt von Arioch, 10.08.2006.

  1. Arioch

    Arioch Thread Starter MacUser Mitglied

    Beiträge:
    715
    Zustimmungen:
    13
    Mitglied seit:
    15.11.2004
    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
     
  2. Arioch

    Arioch Thread Starter MacUser Mitglied

    Beiträge:
    715
    Zustimmungen:
    13
    Mitglied seit:
    15.11.2004
    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. :)
     
Die Seite wird geladen...

Diese Seite empfehlen