benutzerdefinierte Tags werden falsch interpretiert

[medikus]

Hallo ihr,
ich hab mal wieder Schwierigkeiten mit CSS.
Das Problem ist wahrscheinlich relativ simpel und leicht behebbar, aber trotz vieler Recherchen ist die Thematik immer noch undurchsichtig.

Folgendes Problem:
Ich hab einen für mich angepassten div namens </strong>content</strong>.
Um darin nun verschieden Formate (p, form, über) zu deklarieren sieht der css code wie folgt aus:

div#content p{
  line-height:1.4;
  padding-left:8px;
  padding-right:8px;
  padding-top:2px;
  margin:0 10px 10px;
}
div#content form{
  line-height:1.4;
  padding-left:8px;
  padding-right:8px;
  padding-top:2px;
  margin:0 10px 10px;
}
div#content über{
  line-height:1.4;
  padding-left:8px;
  padding-right:8px;
  padding-top:2px;
  margin:0 10px 10px;
  font-size: small;
  font-weight: bold;
  color: #63b4cd;
}

Kann ich das Padding-Zeugs eigentlich schon übergeordnet im div#content {..} zuweisen, dann fällt das doch für p, orm und über weg, oder?

Das zweite ist ein problem mit verschiedenen Browsern.
Während Firefox den <über>-Tag richtig interpretiert ignoriert der IE alles und zeigt den mit über formatierten Text ohne irgndwelche Formatierung an. Aber wieso?

Vielen Dank im Voraus
medikus

[medikus]

mhm..

Kann ich meine Überschrift überhaupt mit <über>...</über> formatieren?
Wenn nein, wie müsste das Css dazu aussehen um den Aufruf so gestalten zu können?

[Sven Rautenberg]

Moin!

Kann ich meine Überschrift überhaupt mit <über>...</über> formatieren?

Nein. Tags, die ein Browser nicht kennt, darf er ersatzlos ignorieren.

Nutze HTML für Überschriften. <h1>, <h2>, <h3>, <h4>, <h5> oder <h6>.

Wenn nein, wie müsste das Css dazu aussehen um den Aufruf so gestalten zu können?

Erübrigt sich.

- Sven Rautenberg

[Der Martin]

Hallo,

Kann ich das Padding-Zeugs eigentlich schon übergeordnet im div#content {..} zuweisen, dann fällt das doch für p, orm und über weg, oder?

nein, paddings, margins, Positionen usw. werden nicht an Kindelemente vererbt.

Das zweite ist ein problem mit verschiedenen Browsern.
Während Firefox den <über>-Tag richtig interpretiert ignoriert der IE alles und zeigt den mit über formatierten Text ohne irgndwelche Formatierung an. Aber wieso?

Weil du nicht einfach eigene HTML-Elemente "erfinden" kannst. Zwar ist das von CSS aus betrachtet theoretisch kein Problem; CSS-Eigenschaften lassen sich für jedes Element definieren, egal ob es HTML, XML, WML oder MIML (My Invented Markup Language) ist.
Aber ein regelkonformer Browser darf, wie Sven schon erklärt hat, ihm unbekannte Elemente einfach ignorieren. Er soll es sogar. Hier verhält sich der IE meiner Ansicht nach sogar korrekter als der FF, denn so wie du es beschreibst, scheint FF das Phantasie-Element zumindest wie ein bedeutungsloses span-Element zu interpretieren und eventuelle CSS-Formatierungen darauf anzuwenden.

So long,
 Martin