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ü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
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.
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.