Zuweisung wird ignoriert

Noeden

Erfahrenes Mitglied
Hallo Leute,

wahrscheinlich ein GANZ doofer Fehler, aber ich finde ihn zum Verrecken nicht.

Habe folgende CSS Zuweisung in einer externen Datei, die auch geladen wird (aus dem Firebug kopiert)

Code:
/* ----------------------------------------- Allgemeines Layout ------------------------------- */
* {
background-repeat: no-repeat;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
img {
border: none;
}
.clear {
clear: both;
}
.hidden_input {
display: none;
}
#js_test {
display: block;
margin: 20px auto;
}
#wrapper {
display: none;
width: 960px;
margin: 0 auto;
padding: 0;
}
#wrapperlayer {
position: absolute;
top: 0;
left: 0;
background-color: #000;
opacity: 0.4;
display: none;
z-index: 101;
{
/* ------------------ Allgemeines Layout - Dialogbox ------------------ */
.dialogbox {
position: absolute;
overflow: auto;
width: 300px;
height: 200px;
display: none;
z-index: 150px;
}
.dialogbox .closelink {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
background: url(../img/close.png) left;
}
.dialogbox .closelink:hover {
background-position: right;
}

Per jQuery erzeuge folgende DOM-Elemente:

Code:
<div class="dialogbox"><a class="closelink"></a></div>

und binde sie in den Body ein. Firebug zeigt aber keine der zugewiesenen Eigenschaften sondern nur die mit dem * Selektor und entsprechende Vererbungen. Was mache ich falsch? Ich komm echt nicht drauf. Blöder Anfängerfehler


Danke


PS: Sorry Leute, 1000000 mal übersehen
 
Zuletzt bearbeitet:
Zurück