CSS-Fehler bei Firefox!

[Lex]

@charset "charset=iso-8859-1";

Wenn überhaupt, müsste es '@charset "iso-8859-1";' lauten, aber diese Angabe ist restlos überflüssig, solange du keine deutschen Umlaute oder dergleichen benutzt - was in CSS-Dateien seltenst vorkommt.

Weiterhin:

<div id="headermenue">
  <ul>
    <a href=""><span>Lorem Ipsum</span></a>
…
  </ul>
</div>

Ich weiß, die Seite ist nur zum Probieren da, aber sowas ist Bockmist.

1. Das id-Attribut kannst du <ul> auch direkt zuweisen, das kapselnde <div> ist überflüssig (falls sich nicht noch etwas an der Gestaltung ändert).

2. Ebenso überflüssig ist das <span>-Element, dort kannst du die Formatierung auch dem <a> geben. Du hast hier zwar ansatzweise den bei 1. noch nicht gegebenen Fall, gesonderte Formatierungen zu haben, aber hättest du Fehler 3 nicht begangen, müsstest du auch Fehler 2 nicht begehen.
   Darüber hinaus wäre zu überlegen, ob du eine der Grafiken, die du als Hintergrund benutzt, vielleicht per list-style-image einfügst oder gar <img> benutzt. Man muss nicht alles in den Hintergrund knallen.

3. Als Kinder von <ul> haben <li>-Elemente zu erscheinen, nix anderes.

Last but not least: Dein Code enthält verdächtig wenig <hx>-Elemente und ebenso verdächtig viele <br>. Du bewegst dich möglicherweise ungünstig nahe an einer <div>-Wüste.

Hallo,
vielen Dank für die Hilfe! Ich habe die @charset geändert... schon funktioniert es! Meine Fehler mit <ul> und <li> muss ich ehrlich zugeben, wusste ich nicht! Ich hatte das <li> Element entfernt, da mein Editor eine Fehlermeldung brachte. Ohne <li> war der Fehler weg. Mehr Beispiele durcharbeiten, dann werde ich auch diese Fehler ausmerzen! Das mit den div wüsten habe ich gelesen... ich werde mehr Beispiele mit HTML und css durcharbeiten und somit auch mehr über die unterschiedlichen Zuweisungsmöglichkeiten lernen.

Gruß Lex

Gruß Lex