XHTMLforum - Fehler bei div?

XHTMLforum (http://xhtmlforum.de/index.php)

- (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)

- - Fehler bei div? (http://xhtmlforum.de/showthread.php?t=72936)

Hallo Leute
Bei meinem Firefox wird die Hintergrundfarbe (red) der ersten <div>-Ebene nicht angezeigt.
Ich habe die Seite ja nun bewusst klein gehalten. Daher verstehe ich nicht, wo der Fehler liegen kann.
(Ich habe das als Experiment für z-index gebaut, da ich damit bisher immer meine Probleme hatte.)

Link: z-index

Quelltext html:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="de">

<head>

<title>z-index</title>



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



</head>



<body>



<div class="z1">

        <p>z-index = 1</p>

</div>



<div class="z3">

        <p>z-index = 3</p>

</div>



<div class="z2">

        <p>z-index = 2</p>

</div>



</body>

Quelltext css (im Ordner [css]):

Code:

.z1{

        position: absolute;

        top: 30em;

        left: 10em;

        width: 25em;

        height: 10em;

        background-color: red;

        opacity: 0.8;

        z-index: 1;

}

.z2{

        position: absolute;

        top: 15em;

        left: 10em;

        width: 25em;

        height: 10em;

        background-color: green;

        opacity: 0.8;

        z-index: 2;

}

.z3{

        position: absolute;

        top: 10em;

        left: 15em;

        width: 20em;

        height: 30em;

        background-color: blue;

        z-index: 3;

}

p {

        color: grey;

        font-weight: bold;

}

Rawir X

Hallo

Kann es sein dass du dich selbst überlistet hast?

Dein hier im Forum gezeigter Quelltext funktioniert. Wobei du eher HTML5 mit UTF-8 verwenden solltest. Das hat aber mit deinem Problem nichts zu tun.

Bei der verlinkten Webseite fehlt aber der Doctype.

Gruss

MrMurphy

Falls es dir nicht aufgefallen ist, es fehlt nicht nur die Hintergrundfarbe sondern alle CSS-Anweisungen. Und du hast auch nicht den kompletten Quellcode hier im Forum veröffentlicht, den Teil mit dem Fehler fehlt hier. Im CSS werden Kommentare nämlich nicht mit  gekennzeichnet, was dazu führt, dass deine erste CSS-Anweisung ingoriert wird. Der Fehler liegt also nicht im div sondern in der inkorrekten CSS-Datei.
Die Fehler der HTML-Datei, die MrMurphy angemerkt hat, darfst du auch ausbessern.

Nachdem ich mal beide Dinge, die ihr angesprochen habt, geändert habe, funkioniert es. Vielen Dank euch beiden.

(p.S. ich schmeiße den Link zu meiner Probeseite mal wieder raus.)