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.

**s.h.a.r.k**

Probier mal folgendes:

markieren

Code:

			<!-- nicht das hier -->

<div />

<!-- sondern -->

<div></div>

Hatte glaub auch schon irgendwo das Problem. Und seit dem verwende ich leere div-Elemente nur noch so.

**Namenloser**

Danke für die schnelle Hilfe. Das hatte ich eben eigentlich schon probiert, da ging es scheinbar nicht, jetzt geht es aber...

Ich verstehe aber trotzdem nicht warum. <div /> und <div></div> sind doch äquivalent!

**Meflin**

Könnte ein Content-Type Problem sein, siehe auch

hier.

**Namenloser**

Na toll, das heißt, ich kann es nicht beheben ohne an den Webserver-Konfiguration herumzufummeln? Das kann ja wohl nicht wahr sein...

**Meflin**

Zitat von NamenLozer:

Na toll, das heißt, ich kann es nicht beheben ohne an den Webserver-Konfiguration herumzufummeln? Das kann ja wohl nicht wahr sein...

Vor allem ist ein echter XHTML-Content-Type schon allein wegen IE-Inkompatibilität nicht praktikabel, und bei aller IE-Basherei, will man das ja in der Regel dann doch nicht...

**s.h.a.r.k**

Zitat von NamenLozer:

Ich verstehe aber trotzdem nicht warum. <div /> und <div></div> sind doch äquivalent!

Der Theorie bzw. dem Standard nach ja.

Und bzgl. dem Webbrowserproblem: ich habe gerade eine lokale index.html samt CSS-Datei angelegt und habe im FF 3.6 genau das gleiche Problem! Ergo liegt es nicht am Apache würde ich behaupten.

**Namenloser**

Zu Hause nutze ich auch gar nicht Apache, sondern lighttpd

Ich habe nur schnell eine vereinfachte Testseite auf meinen Webspace hochgeladen, da ich hier nicht unbedingt meinen lokalen Server entblößen möchte (wg. Google und Co.).

Das blöde ist, dass das ein Projekt für die Schule ist, was ich abgeben muss, heißt, dass muss nicht nur hier laufen, sondern nachher auch bei meiner Info-Lehrerin zu Hause an ihrem Rechner...

Da haben die Leute vom W3C, oder wer auch immer dafür zuständig ist, sich ja mal wieder einen schönen Schwachsinn ausgedacht!

[edit]
Ich glaube ich weiß jetzt, wieso z.B. Youtube Dummy-Images als Platzhalter für Icons verwendet statt <div>s oder <span>s...
[/edit]

**Valle**

Hallo,

für diesen Zweck divs zu benutzen ist nicht wirklich schön. Besser wäre es, wenn du Bilder benutzt oder vielleicht sogar eine Liste mit list-style-type:square. Schau mal hier:

zusammenfalten · markieren

XML-Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<!-- saved from url=(0068)http://de.selfhtml.org/css/eigenschaften/anzeige/list_style_type.htm -->

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

        <title>list-style-type</title>

        <style type="text/css">

            li span {

                color: black;

            }

        </style>

    </head>

    <body>

        <h4>Liste mit list-style-type:square</h4>

        <ul style="list-style-type:square;">

            <li style="color:green;"><span>Probieren geht über Studieren</span></li>

            <li style="color:red;"><span>Liebe geht über Triebe</span></li>

            <li style="color:blue;"><span>Tante fällt über Kante</span></li>

        </ul>

    </body>

</html>

Liebe Grüße,
Valentin

**Namenloser**

Bilder sind unpraktisch, da ich dazu erst mal welche erstellen müsste, bei Listenpunkten kann man meines Wissens nach nicht die Größe einstellen – da das ganze eine Legende sein soll, sollten die aber schon deutlich sichtbar sein. Außerdem müsste ich die Farben dann doppelt deklarieren, da ich anderswo bereits die gleichen CSS-Klassen verwende. Trotzdem Danke für die Anregung.

Ich hab’s aber inzwischen eh schon fertig gemacht...

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

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

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

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

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

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

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

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

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

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

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

Forumregeln

s.h.a.r.k Registriert seit: 26. Mai 2004 3.159 Beiträge	#2 AW: XHTML: <Div>-Element – Ich dreh am Rad 11. Mär 2011, 17:22 Probier mal folgendes: markieren Code: <!-- nicht das hier --> <div /> <!-- sondern --> <div></div> Hatte glaub auch schon irgendwo das Problem. Und seit dem verwende ich leere div-Elemente nur noch so. »Remember, the future maintainer is the person you should be writing code for, not the compiler.« (Nick Hodges)
	Zitat

Namenloser Registriert seit: 7. Jun 2006 Ort: Karlsruhe 3.724 Beiträge FreePascal / Lazarus	#3 AW: XHTML: <Div>-Element – Ich dreh am Rad 11. Mär 2011, 17:27 Danke für die schnelle Hilfe. Das hatte ich eben eigentlich schon probiert, da ging es scheinbar nicht, jetzt geht es aber... Ich verstehe aber trotzdem nicht warum. <div /> und <div></div> sind doch äquivalent!
	Zitat

Meflin Registriert seit: 21. Aug 2003 4.856 Beiträge	#4 AW: XHTML: <Div>-Element – Ich dreh am Rad 11. Mär 2011, 17:30 Könnte ein Content-Type Problem sein, siehe auch hier. Leo S. https://github.com/leoschweizer
	Zitat

Namenloser Registriert seit: 7. Jun 2006 Ort: Karlsruhe 3.724 Beiträge FreePascal / Lazarus	#5 AW: XHTML: <Div>-Element – Ich dreh am Rad 11. Mär 2011, 17:32 Na toll, das heißt, ich kann es nicht beheben ohne an den Webserver-Konfiguration herumzufummeln? Das kann ja wohl nicht wahr sein...
	Zitat