✔ Seltsames Div verhalten

[nchristoph]

Hallo,

Ich hab gerade ein neues Layout für eine Seite in Angriff genommen und hab jetzt ein kleines Problem beim Überschrifts Div.

Sofort nach dem Text wird der Div-Container um ca. 1 Px niedriger.

Im Anhang ein Bild davon.

Der Css Code schaut so aus:

#uberschrift {
	background-color: #096;
	width: 600px;
        height: 16pt;
}
#uberschrift #uberschrift {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	color: #FFF;
}

Wie ihr seht, wird gleich nach dem Rufzeichen der Div-Container kleiner.

Woran liegt das, wie kann ich das fixen?

Ich hab den Fehler sowohl im IE 8 als auch beim Firefox 3.6.12.

 

[VanHellsehn]

Kannst du den HTML Code dazu POsten?

 

[SpiceLab]

Was hat es denn mit dem zweiten Selektor #uberschrift #uberschrift auf sich, in dem das Nachfahrenelement denselben ID-Bezeichner besitzt, wie sein Elternelement?

ID-Bezeichner dürfen / müssen im (X)HTML-Dokumentbaum aber nur einmalig vorkommen.

Und hier dürfte dann wohl auch die Ursache des Problems liegen.

 

[nchristoph]

ID-Bezeichner dürfen / müssen im (X)HTML-Dokumentbaum aber nur einmalig vorkommen.

Und hier dürfte dann wohl auch die Ursache des Problems liegen.

Ok das war der Fehler, sollte eigentlich überschrift überschrifttext sein.

Danke für die Hilfe

 

[SpiceLab]

Umlaute, wie "ü", dürfen ebenso wenig in ID- / Klassen-Bezeichner enthalten sein.

 

[nchristoph]

War nur als verdeutlichung gedacht, das keine Umlaute/Sonderzeichen enthalten sein dürfen weis ich natürlich, nochmals danke für den Hinweis.