xHTML und HTML unterschied

[Timo]

Hallo,

ich habe gerade angefangen eine neue Webseite zu erstellen. Nur wollte ich nun mit XHTML arbeiten.
Leider verzweifel ich nun schon. Ich habe eine Tabelle und in dieser Tabelle ist eine Grafik. In HTML wir alles korrekt dargestellt. In XHTML ist es nicht bündig.

Am besten schaut ihr euch die Links an, um den Unterschied zu sehen:

http://lord-spam.de/xhtml-test/test.xhtml
http://lord-spam.de/xhtml-test/test.html

Die Inhalte sind exakt die gleichen. Aber dennoch wird die XHTML Seite nicht so dagestellt wie die HTML Seite.
Seht Ihr einen Fehler? Hab ich irgendwo etwas vergessen?

Oder wisst Ihr woran dies liegt?

Auch der W3C Validator sagt mir:
This Page Is Valid XHTML 1.0 Transitional!

mfg
timo

[rob]

Hi!

Nur wollte ich nun mit XHTML arbeiten.

Warum?
Was versprichst du dir davon?
Welche Vorteile erwartest du dadurch?

Leider verzweifel ich nun schon. Ich habe eine Tabelle und in dieser Tabelle ist eine Grafik.

Es ist nicht schön, wenn du Tabellen für Layoutzwecke mißbrauchst.
Tabellen sind für tabellarische Inhalte gedacht.
Für das Design deiner Site gibt es CSS.

Wenn du schon mit XHTML anstatt mit HTML arbeitest, dann solltest du dein Dokument auch anständig strukturieren und Inhalt und Design sauber voneinander trennen.

Lies mal aufmerksam den Text Unterschiede zwischen XHTML und HTML aus SelfHTML.
Dort steht eine Menge an für dich wichtigen Dingen.

In HTML wir alles korrekt dargestellt. In XHTML ist es nicht bündig.

Das liegt aber nicht daran, daß es kein HTML ist.
Hättest du eine HTML-Strict-DTD gewählt, müßte eigentlich das gleiche Phänomen auftreten.

http://lord-spam.de/xhtml-test/test.xhtml

Was macht der MSIE 6, wenn du ihm eine Datei mit der Endung .xhtml und dem Content-Type "application/xhtml+xml" vorwirfst?
Schon mal getestet..?

Außerdem: Wenn die DTD-Angabe nicht in der ersten Zeile steht (und das tut sie nicht, weil dort deine XML-Deklaration steht), dann funktioniert der Doctype-Switch im MSIE 6 (und in Opera 7.0 bis 7.03) nicht mehr.
Das ist ein weiterer MSIE-Bug.
Im MSIE 7 ist dieser Bug aber (fast) beseitigt. (Wenn vor der XML-Deklaration bzw. zwischen der XML-Deklaration und Doctype-Deklaration ein Kommentar steht, schaltet auch der MSIE 7 in den Quirks-Mode.)
Der IE 6 verarbeitet dein XHTML-Dokument also nicht im standardkonformen Modus.

Seht Ihr einen Fehler?

Ja, einige.
Aber das mit deiner "Lücke" liegt nicht an einem Fehler.
Der Browser setzt alles genauso um, wie es die Spezifikation verlangt.
Das ist auch der Grund für diese Lücke. Dazu aber später mehr.

Auch der W3C Validator sagt mir:
This Page Is Valid XHTML 1.0 Transitional!

Das glaube ich nicht.
Mein Validator sagt mir:

line 9 column 2 - Warning: <table> attribute "cellspacing" has invalid value "0px"
line 9 column 2 - Warning: <table> attribute "cellpadding" has invalid value "0px"
line 9 column 2 - Warning: <table> lacks "summary" attribute
line 12 column 5 - Warning: <td> attribute "height" has invalid value "117px"
line 13 column 6 - Warning: <img> attribute "height" has invalid value "117px"

Oder wisst Ihr woran dies liegt?

Ja. Das liegt daran, daß ein anderer Rendering-Modus bei deinem XHTML-Dokument zum Einsatz kommt.
Per Definition sind Bilder nämlich Inline-Content und der Browser hält sich im standardkonformen Modus daran.
Wenn du die display-Eigenschaft des Bildes auf "block" setzt, sollte deine Lücke dort verschwunden sein.
Bilder, Tabellen und seltsame Lücken

Schöner Gruß,
rob

[Gunnar Bittersmann]

Hello out there!

Nur wollte ich nun mit XHTML arbeiten.
Welche Vorteile erwartest du dadurch?

einfachere Regeln ⇒ weniger Möglichkeiten, Fehler zu machen [http://forum.de.selfhtml.org/archiv/2007/2/t147284/#m961973 und dortige Links]

Auch der W3C Validator sagt mir:
This Page Is Valid XHTML 1.0 Transitional!
Das glaube ich nicht.
Mein Validator sagt mir:
line 9 column 2 - Warning: <table> attribute "cellspacing" has invalid value "0px"

Warning ≠ Error. Laut [http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd] ist der Wert des 'cellspacing'-Attributs vom Typ CDATA, also eine beliebige Zeichenkette. Gegen die DTD (die für XHTML normativ ist) geprüft liegt also kein Fehler vor, das XHTML-Dokument ist damit valid.

s.a. [http://forum.de.selfhtml.org/archiv/2007/1/t145186/#m942346 ff.]

See ya up the road,
Gunnar

[Timo]

Hallo

Nur wollte ich nun mit XHTML arbeiten.
Welche Vorteile erwartest du dadurch?

einfachere Regeln ⇒ weniger Möglichkeiten, Fehler zu machen [http://forum.de.selfhtml.org/archiv/2007/2/t147284/#m961973 und dortige Links]

Es gibt noch weitere Vorteile die ich mir verspreche.
Vorallem; weniger Fehlermöglichkeiten, es ist echtes XML usw.

Mein Validator sagt mir:
line 9 column 2 - Warning: <table> attribute "cellspacing" has invalid value "0px"

Welchen nutzt du denn?

Wenn du schon mit XHTML anstatt mit HTML arbeitest, dann solltest du dein Dokument auch anständig strukturieren und Inhalt und Design sauber voneinander trennen.

Es war nur ein Test Oo

Das liegt aber nicht daran, daß es kein HTML ist.
Hättest du eine HTML-Strict-DTD gewählt, müßte eigentlich das gleiche Phänomen auftreten.

stimmt. Doch warum? hab in xhtml doch auch kein Strict?!
Verstehe das jetzt nicht ganz. HTML = Transitional, XHTML = Transitional ?!

Wenn du die display-Eigenschaft des Bildes auf "block" setzt, sollte deine Lücke dort verschwunden sein.

ja das klappt auch...

und der ganze IE-Krams, es ist immer noch ein Test! Und alles statisch angegeben.

Achso, Danke für die ausführliche Antwort :)