Fixer Bereich id Syntax unklar aus dem Beispiel fixiert.htm
PP
- css
0 Der Martin0 Beat0 Ingo Turski
Hallo!
Was bedeutet 'html>body #fixiert {...}' aus dem Beispiel http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm.
Meine Vermutung ist, das damit jedes Tag selektiert wird, welches nach einem body Tag kommt und die id='fixiert' hat.
Dabei ist das body Element direktes Kindelement von html, was aber generell immer der Fall ist.
Andere Möglichkeit: Es wird nur das Element body, welches wiederum direktes Kindelement von html zu sein hat angesprochen
und dafür das id Attribut 'fixiert' definert. Wenn dann in der HTML Datei body das Attribut id='fixiert' bekommt,
werden die CSS Styles angewendet? Keine Ahnung was richtig ist. In der Dokumentation zum Besipiel wird dazu nicht
näher eingegangen.
Hi,
Was bedeutet 'html>body #fixiert {...}' aus dem Beispiel http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm.
hier werden verschiedene Arten von Selektoren kombiniert.
1. Der Elementselektor
2. Der Kindselektor >
3. Der Nachfahrenselektor " " (Leerzeichen)
4. Der ID-Selektor #
Meine Vermutung ist, das damit jedes Tag selektiert wird, welches nach einem body Tag kommt und die id='fixiert' hat.
Oder anders ausgedrückt: Selektiert wird ein beliebiges Element mit der ID "fixiert", das irgendwo beliebig tief verschachtelt im body-Element auftritt, wobei body wiederum direktes Kindelement von html sein muss.
Dabei ist das body Element direktes Kindelement von html, was aber generell immer der Fall ist.
In korrektem (X)HTML schon. Aber es gibt Browser, die den Kindselektor > nicht kennen, z.B. den IE6 und seine Ahnen. Die würden den kompletten Selektor deshalb ignorieren. Auf diese Weise realisiert man eine CSS-Browserweiche.
So long,
Martin
Hallo!
Was bedeutet 'html>body #fixiert {...}' aus dem Beispiel http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm.
Meine Vermutung ist, das damit jedes Tag selektiert wird, welches nach einem body Tag kommt und die id='fixiert' hat.
Dabei ist das body Element direktes Kindelement von html, was aber generell immer der Fall ist.
Das hast du soweit richtig erfasst.
Allerdings darf in einem HTML Document eine id nur einmalig sein. Es wird also nicht jedes, sondern es wird _das_ Element selektiert mit dieser id.
Was passiert nun, wenn du versehentlich mehrere ids gleichen Namens notierst. Der eine Browser nimmt das erste, das er findet, der ander nimmt das letzte.
Oh Wunder, warum geht das jetzt nimmer?
Andere Möglichkeit: Es wird nur das Element body, welches wiederum direktes Kindelement von html zu sein hat angesprochen
und dafür das id Attribut 'fixiert' definert.
Wenn dann in der HTML Datei body das Attribut id='fixiert' bekommt,
werden die CSS Styles angewendet?
dann müsste stehen:
html > body#fixiert {...}
(kein Zwischenraum) und meint
<body id=fixiert>
Der Zwischenraum ist aber wichtig.
html > body #fixiert {...}
ist aber gleich wie
html > body *#fixiert {...}
Wobei der Stern * alle Elemente (=irgend ein Elementtyp) meint.
Das gleich ist auch bei Klassen zu beachten
element .class = das Child_mit_Class von Element
element.class = das Element_mit_Class
mfg Beat
Hi,
In der Dokumentation zum Besipiel wird dazu nicht
näher eingegangen.
Aber sicher doch: "Das folgende Beispiel demonstriert die Anwendung der CSS-Eigenschaft position:fixed, die über eine _spezielle CSS-Browserweiche_ ausschließlich modernen Browsern zugänglich gemacht wird." Folgst Du dem Link, dann findest Du auch <http://de.selfhtml.org/css/layouts/browserweichen.htm#kind_selektor@title=diese Erklärung>.
freundliche Grüße
Ingo
Ja, stimmt. Ist mir nach dem Schreiebn ins Forum auch aufgefallen. Der Artikel stand aber woanders als dort wo das Besipiel stand.
Danke für alle Antworten zu meiner Frage. Insebesondere die Antwort und die Überlegungen von Beate waren und sind sehr aufschlussreich (es darf nur ein Element mit derselben id geben, je Elementtyp (Tag)).
Cu.
Hi,
In der Dokumentation zum Besipiel wird dazu nicht
näher eingegangen.
Aber sicher doch: "Das folgende Beispiel demonstriert die Anwendung der CSS-Eigenschaft position:fixed, die über eine _spezielle CSS-Browserweiche_ ausschließlich modernen Browsern zugänglich gemacht wird." Folgst Du dem Link, dann findest Du auch <http://de.selfhtml.org/css/layouts/browserweichen.htm#kind_selektor@title=diese Erklärung>.freundliche Grüße
Ingo
Rechtschreibfehler!!
Ist mir erst jetzt aufgefallen. Es heißt natürlich Beat. War echt nicht mit Absicht. Sorry. Habe zu schnell gelesen und gechrieben, wie man auch an den anderen Fehlern noch sieht :-((
Hallo PP
(es darf nur ein Element mit derselben id geben, je Elementtyp (Tag)).
Nein, eine Id muss dokumentweit eindeutig sein!
Es darf auch keine verschiedenen Elementtypen mit der selben Id geben.
Auf Wiederlesen
Detlef