Validieren - Warum und Wie?

Deiner Seite fehlt zunächst ein Doctype. Der ist Voraussetzung, dass du überhaupt validieren kannst.
Er gibt sozusagen an, in welcher "Sprache" oder Sprachversion du deine Seite gecodet hast.
Danach lesen die Browser dann deinen Code.

Das Validieren ist deshalb wichtig, weil bei fehlerhaftem Code die Browser deine Seiten unterschiedlich darstellen können. Das muss nicht zwingend so sein, kann aber.
Es geht insbesondere darum, ob du die Tags korrekt geöffnet und geschlossen hast, ob sie eine bestimmte, erforderliche Reihenfolge einhalten, ob eben alles den vorgegebenen Standards entspricht.

Von daher enthält deine Seite sehr viele Fehler: So wird z.B. der body mehrmals verwendet, obwohl er nur einmal vorkommen darf. Tabellen befinden sich unzulässig innerhalb von Absätzen (wozu überhaupt Tabellen?), Font-Angaben werden mehrmals geöffnet, jedoch nicht geschlossen usw.

Ebenso solltet du Inhalt und Formatierung trennen, also Formatierungen am besten in einer ausgelagerten CSS-Datei vornehmen.

Es ist wirklich ein großer Zufall, dass deine Seite überhaupt und dann noch in verschiedenen Browsern gleich angezeigt wird. Darauf kannst du dich bei diesem Code jedoch generell nicht verlassen.

Zitat von "FabianG"

Welchen Doctype währe denn Sinnvoll? Wo finde ich eine Liste mit Doctypes?

strict, ist ideal zum lernen - warum wird auf der Seite mit meinen Videos gezeigt

<!-- m --><a class="postlink" href="http://www.webmaster-crashkurs.de/grundgeruest-einer-html-seite.htm">http://www.webmaster-crashkurs.de/grund ... -seite.htm</a><!-- m -->

herzlichen Gruß
Axel

Zitat von &quot;FabianG&quot;

Den einzigen Vorteil den diese Trennung bringt, ist doch nur der Punkt, das ich das Design nachher Schneller für alle Seiten ändern kann, oder?

Ist nicht ganz richtig. Natürlich stimmt das auch, aber eben nicht nur.
Wichtig ist, dass du Inhalt und Design trennst.
So macht man ebenso wenig mit Tabellen ein Layout wie mit divs, auch wenn das viele denken.

Das Design bestimmt CSS und wird es auch in Zukunft bestimmen, da ist nunmal nichts dran zu rütteln.

LG
Laura

Zitat

Wo befinden sich auf meiner Seite Tabellen innerhalb von Absätzen?? Und was meinst du mit der Frage "Wozu überhaupt Tabellen?"

z.B. hier:

</p> <p align="center">




<table bgcolor="yellow" width="90%"><tr><td> 
	<font size=4> <font face="Tahoma"><p align="center"><font color="black"> 
		Willkommen auf meiner Seite 	&uuml;ber die Jugendfeuerwehr Riesenbeck!
	</font color="black"></font size=4>
</td></tr></table>

Und genau zu diesem Zweck ist eine Tabelle vollkommen unnötig.

<table bgcolor="yellow" width="90%"><tr><td> 
   <font size=4> <font face="Tahoma"><p align="center"><font color="black"> 
      Willkommen auf meiner Seite    &uuml;ber die Jugendfeuerwehr Riesenbeck! 
   </font color="black"></font size=4> 
</td></tr></table>

Dafür gibts Überschriften:

h1 {
    display: block;
    width: 80%;
    border: 1px solid gray;
    font-size: 16px;
    font-weight: bold;
    background-color: yellow;
}




<h1>Willkommen auf meiner Seite    &uuml;ber die Jugendfeuerwehr Riesenbeck!</h1>

Du musst eindeutig mehr auf CSS umsteigen.

Guckste hier

Greetz

Wenn du deine Seite im IE - ohne Doctype - entwickelt hast, dann kann das schon sein. Der befand sich dann nämlich im Quirksmode und konnte das CSS-Boxmodell nicht korrekt darstellen. Folglich bist du dann von einer "richtigen" Darstellung ausgegangen, obwohl sie eigentlich falsch war.

Aber wie gesagt: Das kann auch andere Valiedierungsfehler haben.

Ich würde dir empfehlen (auch wenn's mühsam ist):
Lerne zunächst CSS (und natürlich auch HTML) und setze dann nochmal vollkommen neu an.

Durch den Doctype wird auch das einfacher, den der gibt den Browser halbwegs genaue Anweisungen, wie mit dem darunter stehenden Dokument verfahren werden muss.

Zum Erlernen ist strict ganz gut, da auch kleine Fehler sofort angezeigt werden. Probiers mal mit Doctype und bügel die Fehler aus, dann sieht deine Seite auch wieder gut aus.

LG

Also die Seite würde ich generell neu machen. Das heisst von vorne neu anfangen. Denn die Seite hat einfach zu viele Fehler, teils gravierende. Zum Beispiel hast du nicht einmal den grundlegenden Aufbau einer HTML-Seite nicht beachtet. Also wenn du dies nicht einmal richtig gemacht hast, hast du einiges nicht verstanden.

<html>
<head>
</head>
<body>
</body>
</html>

Die Validierung einer Seite zeigt eben solche Fehler auf.

Verstanden hast du es eben nicht. Schaue mal nur die Startseite an. Der Code stimmt einfach nicht. Folgende erste Fehler die du korrigieren musst:

1. Aufbau einer HTML-Seite (siehe mein letzter Beitrag)
2. Doctype-Deklaration fehlt
3. CSS ist sowohl in der HTML-Seite drin wie auch in einer externen Datei. Ich empfehle dir die CSS-Angaben in einer externen Datei zu definieren. Bei deiner Seite sowieso ein Vorteil und so hast du auch mehr Platz.
4. Viele veraltete Tags
5. Struktur ist nicht da, also ich verliere sehr schnell die Übersicht

Das sind wirklich Fehler, darüber kann man nicht streiten! Die Seite sieht schnell gut aus. Aber sobald du ältere Browser hast wird dieses Layout zerspringen!

Also ich empfehle dir neu anzufangen!

Ich habe sonst einfache Frameworks.

Kannst sie hier downloaden: <!-- m --><a class="postlink" href="http://anverhousseini.info/framework">http://anverhousseini.info/framework</a><!-- m -->