Problem mit Firefox / CSS Einstellungen

[fritl]

Hi,
bin noch etwas unerfahren mit CSS.
Mein Problem ist folgendes: Ich habe ein einfaches CSS erstellt, welches auch ohne Probleme funktioniert - im IE.
Im Firefox zeigt es mir die Seite nur dann richtig an, wenn ich die Seite nochmals neu lade...
Das allerseltsamste aber ist, daß dieses Problem bei Erstellen meiner Homepage noch nicht aufgetreten ist, da hat firefox noch alles schön richtig angezeigt. Erst nachdem ich die Seiten online gestellt habe, rafft firefox scheinbar nicht alle Sequenzen auf einmal.

Das CSS habe ich schon online validieren lassen, soweit o.k.

Könnte mir mal jemand erklären, warum firefox das Problem macht.

fritl

[bambid]

Also ich bin neu hier und ich hoffe es kann mir jemand helfen!
ich habe ein ähnliches Problem wie oben genannt (firefox geht nicht, IE geht!)!
bei mir ist es einfach so dass die css nich angewendet wird auf dem menü welches ich in js geschriben habe!
vieleicht wollt ihr euch das mal anschauen und mir einen kleinen Tip geben!

die Seite ist: www.hgvstein.ch/Austausch/Test

MfG bambid

PS: Ich danke schon einmal im vorais für die Hilfe

[Auge]

Hallo

ich habe ein ähnliches Problem wie oben genannt (firefox geht nicht, IE geht!)!
bei mir ist es einfach so dass die css nich angewendet wird auf dem menü welches ich in js geschriben habe!

Hast wirklich du das geschrieben? Wenn ja: Da ist reichlich viel Murks drin.

Beispiel: Wenn die Unterpunkte des Menüs (als Beispiel die des Mitgliederverzeichnisses) angezeigt werden, sieht die Anzeige im Quelltext folgendermaßen aus:

QUELLTEXT

<div class="item_panel" id="down1" style="top: 22px; clip: rect(0pt, 152px, 75px, 0pt);">
<a href="verzeichnis.html#a-g" target="iframe"></a>
<div class="item" id="d1" style="height: 25px; width: 150px; color: black;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)">
 <a href="verzeichnis.html#a-g" target="iframe">  A-G</a>
</div>
<a href="verzeichnis.html#h-p" target="iframe"></a>
<div class="item" id="d2" style="height: 25px; width: 150px; color: black;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)">
 <a href="verzeichnis.html#h-p" target="iframe">  H-P</a>
</div>
<a href="verzeichnis.html#q-z" target="iframe"></a>
<div class="item" id="d3" style="height: 25px; width: 150px; color: black;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)">
 <a href="verzeichnis.html#q-z" target="iframe">  Q-Z</a>
</div>
</div>

Die Links werden jeweils einmal unsichtbar (wegen: kein Linktext) und einmal innerhalb eines <div>s sichtbar ausgegeben.

Was die Hintergrundfarbe der Links angeht: Es gibt weder für background-color noch für border(-left/right etc.) die Angabe no. Die Angabe clip:rect(0,130,0,0); ist zumindest mir unbekannt (Man möge mich korrigieren, falls ich irre.).

Es könnte überdies sein, dass einige der verwendeten Farbwörter nicht im Standard definiert sind (ungeprüfte Vermutung). Das würde logischerweise dazu führen, dass diese im Moz/FF ignoriert werden. Das solltest du nocheinmal überprüfen.

Zuletzt, und das würde ich als wichtigsten Punkt sehen, solltest du überlegen, ob die ausschließliche Ausgabe des Menüs per JavaScript auf einer Seite, die sich nicht an deinen privaten Freundeskreis sondern offensichtlich an Firmen richtet, nicht der falsche Weg ist.
Es kann durchaus sein, dass in interessierten Firmen die Verwendung von JavaScript vom Systemadmin unterbunden wird oder der PDA des interessierten Kunden kein JavaScript ausführt. Ein solcher Kunde der Website stünde am Ende einer Sackgasse, da für ihn das Menü nicht erreichbar wäre.
Folge: entgangener Umsatz für den Betreiber der Seite.

Tschö, Auge