CSS Fehler bei Firefox!

[Lex]

Hallo miteinander!

Ich schreibe heute zum ersten mal hier!

Ich habe folgendes Problem und hoffe über dieses Forum eine Lösung zu finden!

Seit zwei wochen setzte ich mich mit CSS auseinander und bin jetzt zum ersten mal dabei eine Homepage mit CSS zu gestalten!

Die Seite besteht aus mehreren div's innerhalb des div-wrappers!

Im Inernet Explorer 7 und Opera 9 sieht es so aus, wie ich es haben wollte. Nur der Firefox 2.0 mach mir erhebliche Probleme... das ganze Layout wird nicht dargestellt!??? Wieso? Habe ich ein Fehler in der CSS-Datei?

Habt ihr eine Lösung!

MFG Lex

Link zum betrachten:

http://www.hhpd.de/test/index.html

Die CSS Datei:

http://www.hhpd.de/test/css/style.css

[Ganane]

Im Inernet Explorer 7 und Opera 9 sieht es so aus, wie ich es haben wollte. Nur der Firefox 2.0 mach mir erhebliche Probleme... das ganze Layout wird nicht dargestellt!??? Wieso? Habe ich ein Fehler in der CSS-Datei?

Habt ihr eine Lösung!

Ja, entferne die erste Zeile aus deiner CSS-Datei

[Lex]

Im Inernet Explorer 7 und Opera 9 sieht es so aus, wie ich es haben wollte. Nur der Firefox 2.0 mach mir erhebliche Probleme... das ganze Layout wird nicht dargestellt!??? Wieso? Habe ich ein Fehler in der CSS-Datei?

Habt ihr eine Lösung!

Ja, entferne die erste Zeile aus deiner CSS-Datei

Hallo,
vielen Dank für die Hilfe! Ich habe die @charset geändert... schon funktioniert es!

Gruß Lex

[MudGuard]

Hi,

Seit zwei wochen setzte ich mich mit CSS auseinander und bin jetzt zum ersten mal dabei eine Homepage mit CSS zu gestalten!

HTML solltest Du auch noch üben.

Aus Deiner Seite:
<ul>

<a href="">

Das kann nicht sein, da ul nur li enthalten darf.

Die CSS Datei:

beginnt mit
@charset "charset=iso-8859-1";
http://www.w3.org/TR/CSS21/syndata.html#x57 sagt, daß es
@charset "ISO-8859-1";
heißen muß.

Etwas weiter unten im Text heißt es:
"User agents must ignore style sheets in unknown encodings."

Da es kein Encoding namens charset=iso-8859-1 gibt, kennt Firefox dieses Encoding auch nicht, und damit muß er das Style-Sheet ignorieren.
Er verhält sich also richtig, wenn er es nicht beachtet.

cu,
Andreas

[Lex]

Hi,

Seit zwei wochen setzte ich mich mit CSS auseinander und bin jetzt zum ersten mal dabei eine Homepage mit CSS zu gestalten!

HTML solltest Du auch noch üben.

Aus Deiner Seite:
<ul>

<a href="">

Das kann nicht sein, da ul nur li enthalten darf.

Die CSS Datei:

beginnt mit
@charset "charset=iso-8859-1";
http://www.w3.org/TR/CSS21/syndata.html#x57 sagt, daß es
@charset "ISO-8859-1";
heißen muß.

Etwas weiter unten im Text heißt es:
"User agents must ignore style sheets in unknown encodings."

Da es kein Encoding namens charset=iso-8859-1 gibt, kennt Firefox dieses Encoding auch nicht, und damit muß er das Style-Sheet ignorieren.
Er verhält sich also richtig, wenn er es nicht beachtet.

cu,
Andreas

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! Mehr Beispiele durcharbeiten, dann werde ich auch diese Fehler ausmerzen!

Gruß Lex

[Gonzo]

@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.

[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