XHTML: <Div>-Element – Ich dreh am Rad

**Namenloser**

Hallo, ich hoffe mir kann jemand erklären, was da abgeht:

Folgender

XML-Code:

			<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

  <head>

    <title>Sortieralgorithmen</title>

    <link rel="stylesheet" href="main.css" type="text/css" />

  </head>

  <body>

  <div class="legend">

    <div class="box sorted" /><span>Sortiert</span>

    <div class="box selected" /><span>Selektiert</span>

    <div class="box exchanged" /><span>Vertauscht</span>

  </div>

  </body>

</html>

in Verbindung mit

dieser CSS-Datei:

markieren

Code:

			.exchanged {

  background: #e88;

}

.selected {

  background: #88e;

}

.sorted {

  background: #8e8;

}

.box {

  width: 1em;

  height: 1em;

  /*display: inline-block; Soll es später mal werden, aber es funktioniert ohne genau so wenig wie mit*/

}

Erzeugt diese Ausgabe:
scr3562_20110311.png

Der Text steht IN dem <Div>, statt dahinter!

Also mal mit FireBug unter die Haube geschaut, und jetzt kommt’s: Anscheinend interpretiert der Firefox 4.0RC1 den XHTML-Code als

markieren

Code:

			<div class="legend">

    <div class="box sorted"><span>Sortiert</span>

    <div class="box selected"><span>Selektiert</span>

    <div class="box exchanged"><span>Vertauscht</span>

  </div>

</div></div></div> <----------- Da

(das gibt er jedenfalls aus, wenn man alles markiert und den markierten Quelltext anzeigen lässt).
In Chrome passiert das gleiche. Der W3C-Validator meint aber, die Datei wäre valides XHTML 1.0 Strict.

Was zur Hölle mache ich denn falsch?

Danke im Voraus.

XHTML: <Div>-Element – Ich dreh am Rad

XHTML: <Div>-Element – Ich dreh am Rad

Forumregeln