|
|||
Fehler bei div?
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> 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; } |
Sponsored Links |
|
|||
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 |
Sponsored Links |
|
|||
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. |
Stichwörter |
div, z-index |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 15:30 |
CSS Menü | seema | CSS | 0 | 03.09.2008 21:04 |
a:hover div -> display:block; IE fehler | dottore:skin | CSS | 9 | 26.09.2006 16:16 |
flexibles Div soll Div mit fester Breite links umfliessen? | braindead | CSS | 3 | 23.09.2006 13:58 |
div Positionierung bei Browsern | Ancient | CSS | 22 | 17.03.2005 01:49 |