Hallo ihrs.
Ich schreibe hier, weil es zu massiven Darstellungsunterschieden meiner Homepage kommt, je nachdem, ob man sie mit dem Firefox oder dem Internetexplorer betrachtet.
Ich habe meine Seite mit dem Editor erstellt und nur mit dem Firefox probeweise geöffnet, sodass ich diese Unterschiede erst ganz am Schluss feststellen konnte.
Zuerst dachte ich, dass der Code fehlerhaft ist und habe solange daran rumgeschraubt, bis die Seite von einer Seite namens W3Validator oder so (genauer name leider entfallen) als fehlerfrei angesehen wurde. An den Unterschieden hat sich leider nichts geändert.
Vielleicht könnt ihr mir ja helfen.
Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>gnoll.de.gg - A magic related website</title>
</head>
<body style="background-image:url(hg.png); padding:0px; margin:0px;">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="height:450px; width:700px; padding-top:45px;">
<tr style="width:700px; height:5px;">
<td style="width:5px; background-image:url(lo.png);"></td>
<td style="width:690px; background-image:url(o.png);"></td>
<td style="width:5px; background-image:url(ro.png);"></td>
</tr>
<tr style="width:700px; height:10px;">
<td style="width:5px; background-image:url(l.png);"></td>
<td style="width:690px; background-image:url(textur.png);">[img]gnoll.de.gg.png[/img]</td>
<td style="width:5px; background-image:url(r.png);"></td>
</tr>
<tr style="width:700px; height:135px;">
<td colspan="3" style="width:700px;">[img]MitFarben.png[/img]</td>
</tr>
<tr style="width:700px; height:305px;">
<td style="width:5px; background-image:url(l.png);"></td>
<td style="width:690px; background-image:url(textur.png);">
<table border="0" cellpadding="0" cellspacing="0" style="width:690px; height:305px;">
<tr style="width:690px; height:285px;">
<td colspan="7">
<iframe width="690px" height="295px" frameborder="0" src="bla.htm"></iframe>
</td>
</tr>
<tr style="width:690px; height:20px;">
<td style="width:115px; height:20px;" valign="middle" align="center">
[url='http://www.triplejack.com/'][img]triplejackhover.png[/img][/url]
</td>
<td style="width:115px; height:20px;" valign="middle" align="center">
[url='http://www.deviantart.com/'][img]devianthover.png[/img][/url]
</td>
<td style="width:115px; height:20px;" valign="middle" align="center">
[url='http://www.mtgsalvation.com/'][img]mtghover.png[/img][/url]
</td>
<td style="width:115px; height:20px;" valign="middle" align="center">
[url='http://www.getfirefox.com/'][img]gethover.png[/img][/url]
</td>
<td style="width:115px; height:20px;" valign="middle" align="center">
[url='http://www.rancoredelf.com/'][img]rancorhover.png[/img][/url]
</td>
<td style="width:115px; height:20px;" valign="middle" align="center">
[url='http://www.wikipedia.de/'][img]wikihover.png[/img][/url]
</td>
</table>
</td>
<td style="width:5px; background-image:url(r.png);"></td>
</tr>
<tr style="width:700px; height:5px;">
<td style="width:5px; background-image:url(lu.png);"></td>
<td style="width:690px; background-image:url(u.png);"></td>
<td style="width:5px; background-image:url(ru.png);"></td>
</tr>
</table>
</center>
</body>
</html>Und zwei Screenshots, der unterschiedlichen Darstellungen:
Korrekte Darstellung mit dem Firefox:
[Blockierte Grafik: http://www.picoodle.com/view.php?srv=img02&img=/7/1/12/f_firefoxi_cb06m_756becaa.jpg]
Falsche Darstellung mit dem IE:
[Blockierte Grafik: http://www.picoodle.com/view.php?srv=img02&img=/7/1/12/f_iei_cb06m_890c0417.jpg%22%20target=%22_blank%22><img%20src=%22http://img02.picoodle.com/img/img02/7/1/12/t_iei_cb06m_890c0417.jpg]
Ich hoffe ihr könnt mir helfen!
MfG Gnolli