xHTML und HTML unterschied

[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