Böser, böser IE

Diskutiere mit über: Böser, böser IE im Web Page Design Forum

  1. Arioch

    Arioch Thread Starter MacUser Mitglied

    Beiträge:
    715
    Zustimmungen:
    13
    Registriert seit:
    15.11.2004
    Seid gegrüsst!

    Ich habe eine neue Seite erstellt.
    In den Geckos (Mac & PC), Safari, Opera (PC) sieht alles vernünftig aus.
    Der IE (6.0.2) hat mir eigentlich noch nie wirklich grosse Probleme bereitet...bis heute.

    Erst war ich ja stolz, dass die Seite, trotz validem Inhalt, vom IE komplett zerschossen wird und somit für die Virenschleuder nicht zugänglich ist :D.

    Aber es gibt halt doch noch so viele IE-Nutzer...

    Als erstes mal die Codefakten: ;)

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    	<head>
    		<title>WebSanitY</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="Die Homepage der Underground-Death Metal Band Infinit Insanity">
    		<meta name="keywords" content="Metal, Death Metal. Rock. Melodic, Melodisch, Grind, Blastbeat, Thrash, Thrash Metal, Black Metal, Apfelmu&szlig;zerkleinerungsquetschzackundwechmaschine, Keywords sind *******e, Hallo Google, Spambots go to hell, Infinit Insanity">
    		<meta name="date" content="2006-02-06">
    		<style type="text/css" media="screen">
    		</style>
    	</head>
    	<body>
    		<div id="container">
    			<div id="navi"><img src="../grafiken/navi/navitop.gif" height="" width="" alt="" title=""><br><a href="infinitinsanity.html" onmouseover="Bildwechsel(1, Highlight2)" onmouseout="Bildwechsel(1, Normal2)"><img src="../grafiken/navi/startseite.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="neuigkeiten.html" onmouseover="Bildwechsel(2, Highlight3)" onmouseout="Bildwechsel(2, Normal3)"><img src="../grafiken/navi/neuigkeiten.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="http://www.infinit-insanity.com/cgi-std/gaestebuch.cgi" onmouseover="Bildwechsel(3, Highlight4)" onmouseout="Bildwechsel(3, Normal4)"><img src="../grafiken/navi/gaestebuch.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="downloads.html" onmouseover="Bildwechsel(4, Highlight5)" onmouseout="Bildwechsel(4, Normal5)"><img src="../grafiken/navi/downloads.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="biographie.html" onmouseover="Bildwechsel(5, Highlight6)" onmouseout="Bildwechsel(5, Normal6)"><img src="../grafiken/navi/biographie.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="konzerte.html" onmouseover="Bildwechsel(6, Highlight7)" onmouseout="Bildwechsel(6, Normal7)"><img src="../grafiken/navi/konzerte.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="kontakt.html" onmouseover="Bildwechsel(7, Highlight8)" onmouseout="Bildwechsel(7, Normal8)"><img src="../grafiken/navi/kontakt.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="bilder.html" onmouseover="Bildwechsel(8, Highlight9)" onmouseout="Bildwechsel(8, Normal9)"><img src="../grafiken/navi/bilder.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="links.html" onmouseover="Bildwechsel(9, Highlight10)" onmouseout="Bildwechsel(9, Normal10)"><img src="../grafiken/navi/links.gif" height="" width="" alt="" title="" style="border:none;"></a><br><a href="band.html" onmouseover="Bildwechsel(10, Highlight11)" onmouseout="Bildwechsel(10, Normal11)"><img src="../grafiken/navi/band.gif" height="" width="" alt="" title="" style="border:none;"></a><br><img src="../grafiken/navi/naviend.gif" height="" width="" alt="" title=""></div>
    			<div id="banner"></div>
    			<div id="rightend"></div>
    			<div id="content"><h3>Seid gegr&uuml;sst auf unserer Homepage!</h3><span style="text-decoration:underline;">Infinit Insanity</span> sind eine Death-Metal Band aus Heppenheim.<br><br>Alles verwertbare findet Ihr auf den folgenden Seiten.<br><br>Eure geistigen Erg&uuml;sse, Lob, Kritik &amp; Bullshit k&ouml;nnt Ihr in unserem <a href="http://www.infinit-insanity.com/phpBB2/phpBB2/">Forum</a> hinterlassen.<br><br>F&uuml;r News aus erster Hand, tragt Euch in unseren Newsletter ein!
    <form action="/cgi-std/newsletter.pl" method="post"> 
        <p><input type="text" name="email" size="20" style="background-color: #CCCCCC;">
        <select name="action" style="background-color: #CCCCCC;"> 
        <option value="subscribe" style="background-color: #CCCCCC;"> 
        Eintragen 
        </option> 
        <option value="unsubscribe" style="background-color: #CCCCCC;"> 
        Austragen 
        </option> 
        </select></p> 
        <p><input type="submit" value="Ab damit !" style="background-color: #CCCCCC;"></p> 
        </form>
    <h4><a href="musikersuche.html">Wir sind noch immer auf Drummer-Suche!</a></h4>
    <br>
    <span style="text-decoration:underline;">Support YOUR Underground!</span>
    <hr>
    <p style="text-align:right;"><a href="impressum.html">Impressum</a></p>
    <span style="font-style:italic;">News:<br><a href="neuigkeiten.html">Wir leben noch...</a><br><br>Last Update:<br>01-02-2006</span><br>
    <img src="http://www.infinit-insanity.com/cgi-std/count.pl?c=1" style="border:none;" width="0" height="0" alt=""></div>
    			<div id="footer"></div>
    		</div>
    	</body>
    </html>
    
    Der Stylesheet:
    Code:
    	
    	body
    	{
    		margin: 0;
    		padding: 0;
    		font: 0.8em arial, times, hevetica, sans-serif;
    		text-align: center;
    		color: white;
    		background-color: black;
    	}
    	
    	a:link { color: #CC9900; }
    	a:visited { color: gray; }
    
    	#container
    	{
    		margin: 1em auto;
    		width: 820px;
    		height: 665px;
    		text-align: left;
    		background-color: black;
    	}
    
    	#navi
    	{
    		height: 616px;
    		width: 250px;
    		margin-left: 1px;
    		line-height: 0px;
    	}
    
    	
    	#banner
    	{
    		height: 106px;
    		width: 560px;
    		margin-top: -616px;
    		margin-left: 251px;
    		background-image:url(../grafiken/banner_ii.gif);
    		background-repeat: no-repeat;
    	}
    
    	#rightend
    	{
    		float: right; 
    		width: 105px;
    		height: 511px;
    		background-image:url(../grafiken/rightend.gif); 
    		background-repeat: no-repeat;
    		margin-right: 9px;
    	}
    
    	#content	
    	{
    		height: 480px;
    		width: 500px;
    		margin-left: 206px;
    		margin-top: 20px;
    		background-color: black;
    		color: #996600;
    		overflow: auto;
    	}
    
    	#footer	
    	{
    		height: 45px;
    		width: 810px;
    		margin-left: 1px;
    		margin-top: 5px;
    		background-image:url(../grafiken/footer.gif); 
    		background-repeat: no-repeat;
    		
    		}
    
    		.uline { text-decoration:underline; }
    		.center { text-align:center; }
    		.strike { text-decoration:line-through; }
    
    uuuuund, zu guter letzt, das JavaScript, das für den Bildwechsel in der Navi sorgt:
    Code:
    Normal2 = new Image();
    Normal2.src = "../grafiken/navi/startseite.gif";     
    Highlight2 = new Image();
    Highlight2.src = "../grafiken/navi/startseite_hl.gif"; 
    
    Normal3 = new Image();
    Normal3.src = "../grafiken/navi/neuigkeiten.gif";    
    Highlight3 = new Image();
    Highlight3.src = "../grafiken/navi/neuigkeiten_hl.gif"; 
    
    Normal4 = new Image();
    Normal4.src = "../grafiken/navi/gaestebuch.gif";     
    Highlight4 = new Image();
    Highlight4.src = "../grafiken/navi/gaestebuch_hl.gif"; 
    
    Normal5 = new Image();
    Normal5.src = "../grafiken/navi/downloads.gif";     
    Highlight5 = new Image();
    Highlight5.src = "../grafiken/navi/downloads_hl.gif"; 
    
    Normal6 = new Image();
    Normal6.src = "../grafiken/navi/biographie.gif";    
    Highlight6 = new Image();
    Highlight6.src = "../grafiken/navi/biographie_hl.gif"; 
    
    Normal7 = new Image();
    Normal7.src = "../grafiken/navi/konzerte.gif";     
    Highlight7 = new Image();
    Highlight7.src = "../grafiken/navi/konzerte_hl.gif"; 
    
    Normal8 = new Image();
    Normal8.src = "../grafiken/navi/kontakt.gif";     
    Highlight8 = new Image();
    Highlight8.src = "../grafiken/navi/kontakt_hl.gif"; 
    
    Normal9 = new Image();
    Normal9.src = "../grafiken/navi/bilder.gif";    
    Highlight9 = new Image();
    Highlight9.src = "../grafiken/navi/bilder_hl.gif"; 
    
    Normal10 = new Image();
    Normal10.src = "../grafiken/navi/links.gif";     
    Highlight10 = new Image();
    Highlight10.src = "../grafiken/navi/links_hl.gif"; 
    
    Normal11 = new Image();
    Normal11.src = "../grafiken/navi/band.gif";    
    Highlight11 = new Image();
    Highlight11.src = "../grafiken/navi/band_hl.gif"; 
    
    Normal13 = new Image();
    Normal13.src = "../grafiken/fotos/band_mahoney.jpg";    
    Highlight13 = new Image();
    Highlight13.src = "../grafiken/fotos/band_mahoney_hl.jpg";
    
    Normal14 = new Image();
    Normal14.src = "../grafiken/fotos/band_tobias.jpg";    
    Highlight14 = new Image();
    Highlight14.src = "../grafiken/fotos/band_tobias_hl.jpg";
    
    Normal15 = new Image();
    Normal15.src = "../grafiken/fotos/band_martin.jpg";    
    Highlight15 = new Image();
    Highlight15.src = "../grafiken/fotos/band_martin_hl.jpg";
    
    Normal16 = new Image();
    Normal16.src = "../grafiken/fotos/band_neu.gif";    
    Highlight16 = new Image();
    Highlight16.src = "../grafiken/fotos/band_neu_hl.gif";
    
    function Bildwechsel (Bildnr, Bildobjekt) {
      window.document.images[Bildnr].src = Bildobjekt.src;
    }
    Also, der IE verschiebt die Seite komplett und zeigt kein Stück von der Navi an:

    Klickediklick

    Hier könnt ihr euch die Seite ansehen, wenn ihr möchtet.

    Ich schätze mal, dass der IE Probleme mit dem JS & CSS in der Navi hat.

    Hat vielleicht jemand eine Lösung?

    Tausend Dank im Voraus!

    Gruss,
    Arioch
     
    Zuletzt bearbeitet: 08.02.2006

Diese Seite empfehlen

Benutzerdefinierte Suche