Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Design verschiebt sich im IE 6 und 7





Frage

Hallo, meine Seite: http://www.unterpfaffenhofen.de/ wird im Firefox 2. (zumindest bei mir) vollkommen normal angezeigt. Im IE jedoch, egal ob 6 er oder 7er Version verschiebt sich das Design komischerweise. Ich habe mir die Homepage per http://ipinfo.info/netrenderer/ rendern lassen und angeschaut dort wird ebenfalls der Fehler angezeigt. Hier mal der gesamte Code: [code]<? include("counter.php"); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <style type="text/css"> <!-- #apDiv1 { position:absolute; left:452px; top:181px; width:453px; height:1066px; z-index:1; } --> </style> <head> <title>Burschenschaft - Unterpfaffenhofen e.V.</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #dae7fe; background-image: url(borderline.gif); } .Stil1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .Stil2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } #Layer1 { position:absolute; left:381px; top:186px; width:527px; height:429px; z-index:1; } --> </style> </head> <body> <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01"> <tr> <td colspan="4"> <img src="Bilder/index_01.gif" width="800" height="170" alt=""> </td> </tr> <tr align="left"> <td width="142" height="127" valign="top"> <a href="index.php"> <img src="Bilder/index_02.gif" alt="" width="142" height="127" border="0"> </a> </td> <td rowspan="9" valign="top" align="left"> <img src="Bilder/index_03.gif" width="87" height="430" alt=""> </td> <td rowspan="9" background="Bilder/index_04.gif" width="528" height="430" valign="top"> <? if ( isset($_GET["link"]) == 0) { include ("start.htm"); } else { function isValidFilename($filename) { $filter = '/^[a-zA-Z0-9_-]+$/'; if( preg_match($filter, $filename) ) return true; else return false; } if ( ! isset($_GET["link"]) ) $checkedvar = "default"; else if( isValidFilename($_GET["link"]) ) $checkedvar = $_GET["link"]; else die("Vorgang abgebrochen!"); //echo "g&uuml;ltiger Dateiname: ".$checkedvar."\n"; include ($checkedvar.".htm"); } ?> </td> <td rowspan="9" valign="top"> <img src="Bilder/index_05.gif" width="43" height="430" alt=""> </td> </tr> <tr valign="top"> <td valign="top" rowspan="8"> <a href="index.php?link=satzung"> <img src="Bilder/index_06.gif" alt="" width="142" height="31" border="0"> </a> <a href="index.php?link=chronik"> <img src="Bilder/index_07.gif" alt="" width="142" height="34" border="0"> </a> <a href="index.php?link=verein"> <img src="Bilder/index_08.gif" alt="" width="142" height="29" border="0"> </a> <a href="index.php?link=fotos"> <img src="Bilder/index_09.gif" alt="" width="142" height="33" border="0"> </a> <a href="http://www.flf-book.de/Benutzer/Sypro.htm" target="_new" onClick="javascript:window.open('http://www.flf-book.de/Benutzer/Sypro.htm','test','width=670, height=610, left = 100, top = 80 location=no, scrollbars=yes');return false;"> <img src="Bilder/index_10.gif" width="142" height="33" alt="" border="0"> </a> <a href="index.php?link=links"> <img src="Bilder/index_11.gif" alt="" width="142" height="31" border="0"> </a> <a href="index.php?link=kontakt"> <img src="Bilder/index_12.gif" alt="" width="142" height="33" border="0"> </a> <img src="Bilder/index_13.gif" alt="" width="142" height="79" border="0"> <? echo $gcc_hits; ?> </td> </tr> </table> </body> </html>[/code] Bei Bedarf kann man sich diesen ja auch auf der Homepage selber anschauen. Wär super wenn sich das mal jemand anschauen könnte :). Vielen Dank schonmal fuer jede Antwort / Hilfe MFG

Antwort 1 von katy

Hallo sYpro,

dein Quellcode weist leider eine Reihe gravierender Fehler auf. Daher fangen die Browser (dankenswerterweise - sonst wäre gar nichts zu sehen) an zu raten, wie du das gemeint haben könntest. Aber mit dem Raten ist das so eine Sache, offensichtlich rät der Firefox anders als der Internet Explorer.

Meine Empfehlung wäre erst einmal die Quellcode-Fehler zu beseitigen. Eine Hilfe zur Fehlerfindung sind HTML-Validatoren.

Viel Erfolg wünscht
katy

Antwort 2 von derpfleger

Eine Lösung wäre es, von den rowspans ganz abzurücken und den Teil mit den Links direkt in die Spalte unter das Wappenbild zu platzieren. Damit wäre das Bild schon mal horizontal wieder zurechtgerückt.
Um dann noch die weissen Zeilen zw. den links zu entfernen, muss man im Quellcode alle links direkt hintereinander schreiben ohne Leerzeichen dazwischen, sonst interpretiert der IE diese Leerzeichen als solche und macht eine Lücke.

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: