Hallo, ich hoffe mir kann jemand erklären, was da abgeht:
Folgender
XHTML-Code:
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:
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:
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
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.