Böser, böser IE

  1. Arioch

    Arioch Thread Starter MacUser Mitglied

    Mitglied seit:
    15.11.2004
    Beiträge:
    715
    Zustimmungen:
    13
    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 Scheisse, 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
     
    Arioch, 08.02.2006
    #1