Ja und nein:
1. Dokumententyp (Doctype): Die Angebe einesn Dokumententyp gehört zm HTML-Grundgerüst. Sie sagt dem Browser womit er es grade z tun hat, wie er mit den Elementen innerhalb der Seite umgehen soll. Du hatest gar keinen Dolumententyp angegeben.
2. Zeichensatz (charset): du hattest den windowseigenen Zeichensatz angegeben. Der Funktioniert i.d.R. war auch, kann aber Usern auf Nicht-Windows-Systemen Probleme bereiten, weil bestimmte Zeichen dann falsch dargestellt werden können.
Der Zeichsatz
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
gilt für alle gängigen europäischen Sprachen.
3. Base-Tag: Mit
legst du fest, daß die Ziele aller Links im Iframe geöffnet werden sollen. Damit sparst du dir Quelltext und du brauchst nur noch dann ein Target angeben, wenn ein Verweis nicht im Iframe geöffnet werden soll, wie z.B. beim Gästebuch.
Ansonsten habe ich
- den Quelltext mit Stylesheets formatiert, das verstehen alle Browser inzwischen besser, als HTML-Formatierungen.
- die Headergrafik in den Hintergrund der Zellen gelegt, jetzt kannst du dort nachbelieben noch Text oder Grafiken einblenden,
- die Grafik hinter dem Iframe gegen eine Hintergrundfarbe ausgetauscht,
- die Iframe-Fehler (nicht geschlossener I-Frame-Tag, nicht geschlossenes I-Frame) korrigiert,
- und eben grade noch ein paar kleine optische Fehler bereinigt, die nur im IE auftraten (z.B. das Iframe setzte unten auf und das sah beim Scrollen etwas arg abgeschnitten aus, jetzt ist unten ein kleiner Rand)
Hier noch einmal der korrigierte Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Neue Seite 1</title>
<base target="main">
</head>
<body style="background-color:#5B637D;text-align:center;margin:5px;">
<table style="margin:auto;width:870px;height:600px;background-color:#3A526C;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="height:245px;background-image:url(zelle1870.jpg)" colspan="2"></td>
</tr>
<tr>
<td style="height:355px;width:326px;vertical-align:top;">
<map name="FPMap0">
<area href="news.htm" coords="253, 45, 309, 71" shape="rect">
<area href="Erfolge.htm" coords="226, 203, 308, 230" shape="rect">
<area href="Sponsoring.htm" coords="196, 239, 309, 263" shape="rect">
<area href="Kontakt.htm" coords="167, 300, 248, 323" shape="rect">
<area href="multimedia.htm" coords="29, 234, 138, 258" shape="rect">
<area href="http://www.gaestebuchking.de/cgi-bin/host/firebook.cgi?account=14161" target="_blank" coords="46, 158, 142, 185" shape="rect">
<area href="privat.htm" coords="91, 106, 160, 128" shape="rect">
</map>
[img]zelle2870.jpg[/img]
</td>
<td style="padding:0px 1px 2px 0px"><iframe style="height:100%;width:100%;border:0;" src="/news.htm" name="main" frameborder="0"></iframe></td>
</tr>
</table>
</body>
</html>
Alles anzeigen
Ach ja, ich habe eine andere Hintergrundfarbe gewählt - das grau paßt irgendwie nicht zur HP. Du kannst das natürlich wieder ändern, bzw soltest damit mal etwas herumexperimentieren - ein dunkles blaugrau sieht als HG auch nicht schlecht aus.
Was du noch machen solltest: die Grafik mit der Navigation hat unten eine etwa 3px hohe Aufhellung. Mach die mal weg, sonst sieht die linke Seite irgendwie unsymetrisch aus.
G.a.d.M.
Ronald