Flo: Seite funzt nur im Firefox

Beitrag lesen

Hi,

ich habe ein Problem mit meiner HP. Sie funktioniert im Firefox einwandfrei,

"... und siehe, Firefox sprang auf und rief: 'Ein Wunder! Ich kann wieder sehen!' Und alle jauchzten und frohlockten, denn es ward gar finster wie im Kohlenkeller. Und der Herr sprach zu Firefox: 'Gehe hin und verkünde, als Du könnest sehen im Dunkel, denn ich bin der Herr, Dein Hirte und Halluzinogen.' Und alle waren froh und tanzten und frohlockten und jubilierten, auf dass sie in der Finsternis etwas seltener gegen Wände rennen als bisher."
[Schlechte Trips, 42 Vers 19-25]

Was mache ich falsch?

Siehe EKKis Antwort. Da hier aber einfach _viel_ zu viel falsch ist, erlaube ich mir eine Handvoll Hinweise.

<?xml version="1.0" ?>

HTML ist kein XML. XHTML ist XML, aber das benutzt Du nicht. Darüber hinaus versetzt die XML-Deklaration den IE in den Quirks-Mode.

<meta http-equiv="content-type" content="text/html; charset=ansi">

Das charset=ansi überdenke bitte noch einmal.

<style type="text/css">

Lagere Deine Stylesheets in eine separate Ressource aus ...

body { background-color:black; color:lightpink; }
a:link { color:lightyellow; }
a:visited { color:limegreen; }
a:active { color:lightskyblue; }

... und _benutze_ vor allem Stylesheets. Es sei denn, Dir ist die Darstellung Deiner Seiten egal.

<p><center><img src="HolyMountainLogo.jpg" width="700" height="300" border="4" align=absmiddle hspace=40 vspace=40 alt="HolyMountaiiiiiinRecords"></p>

<p> dient der Strukturierung von Textabsätzen, nicht dem Einkleiden von allem Möglichen. <center> gehört vollständig eliminiert - für alles, was mit der Darstellung zu tun hat, ist CSS verantwortlich. Gleiches gilt für die meisten der Attribute im <img>-Element. Darüber hinaus musst Du Elemente, die Du öffnest, auch wieder schließen.

<p><center><font size=+3> Welcome to HolyMountainRecords.de </font></p><br>

Für <font> gilt das, was ich über <center> sagte, noch viel, viel stärker. Und <br> markiert das Ende einer Zeile, z.B. in einem Gedicht; es hat *NICHT* den Zweck, noch mehr Abstand zu erzeugen.

<p align=left <a href="Artists.htm"><big><b>A r t i s t s:</big></b></a></p> <br>

Das ist so als würdest Du einen Satz Aber das wird Dir der Validator sagen. Streiche das align-Attribut. Streiche <big>, streiche <b>. Streiche <p>, denn dies ist offenbar ein Navigationspunkt, also ein Eintrag in einer Liste von Links. Nutze also eine Liste, z.B. <ul>. HTML-Elemente sind wie Klammern in der Mathematik: Was zuletzt aufgeht, muss zuerst geschlossen werden. Streiche das <br>, denn Du hast nicht mal eine Textzeile, kannst also auch kein Ende einer solchen haben.

<p align left <big>Die Seite befindet sich noch im Aufbau<big></p>

Würdest Du den <p>-Starttag beendet haben, hätte dieses Element ein leeres align- und ein leeres left-Attribut. Da Du dies in den CSS-Code übergehen lässt, ist das natürlich egal. Übrigens ist diese Zeile die einzige, in der zumindest theoretisch ein <p>-Element sinnvoll sein könnte. Praktisch handelt es sich vermutlich eher um eine Überschrift, also <h1>-<h6>.

Cheatah

So habe nun die Seite überarbeitet...(hatte auch ein paar Helferlein)

Aber dennoch ist keine Besserung in Sicht... Was kann ich machen???

Hier der neue Quelltext:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta
 content="text/html; charset=ISO-8859-1"
 http-equiv="content-type"><title>Meine erste Neu</title></head><body
 style="color: rgb(255, 204, 255); background-color: rgb(0, 0, 0);"
 alink="#33ff33" link="#33ff33" vlink="#99ff99"><div
 style="text-align: center;">&nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br><br><img
 style="border: 3px solid ; width: 893px; height: 456px;" alt=""
 src="HolyMountainLogo.jpg"><br><br><br><h1><span
 style="font-weight: bold;"><span
 style="font-weight: bold;">Welcome to HolyMountainRecords.de</span></span></h1><br><br><small></small><h1
 style="text-align: left;"><small><span
 style="font-weight: bold;"><span
 style="font-weight: bold;"></span></span><a
 href="Artists.htm">Artists</a>&nbsp; &nbsp;
&nbsp;&nbsp;</small></h1><h1
 style="text-align: left;"><small><a
 href="Productions.htm">Productions</a>&nbsp;
&nbsp; &nbsp;&nbsp;</small></h1><h1
 style="text-align: left;"><small><a href="Dates.htm">Dates</a></small></h1><h1
 style="text-align: left;"><small><a
 href="Contact.htm">Contact</a>&nbsp; &nbsp;
&nbsp; &nbsp;</small>&nbsp; &nbsp;
&nbsp;&nbsp;</h1><br><br><br><br><br><br><big>(Die
Seite befindet sich noch im Aufbau)</big></div></body></html>