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

[Conny]

Hi,
wie wär's mit einem Link?

cu
Conny

[harlequin]

moin!

Oder alternativ den Quellcode, der hakt...? :-)

Denn auch wenn unsere Kristallkugeln wieder aus der Reparatur sind, eine gewisse Grundlage brauchen sie schon.

have fun und gute Nacht!
Lars

[Auge]

Mein Problem ist folgendes: Ich habe ein einfaches CSS erstellt, welches auch ohne Probleme funktioniert - im IE.

Das klingt jetzt bestimmt arrogant, aber wenn der Firefox etwas falsch darstellt und der MSIE richtig, dann hast du beim Erstellen des CSS aller Wahrscheinlichkeit nach etwas falsch gemacht.

Im Firefox zeigt es mir die Seite nur dann richtig an, wenn ich die Seite nochmals neu lade...

Ist vielleicht noch eine alte Version der CSS-Datei im Browsercache?

Tschö, Auge

[fritl]

Das klingt jetzt bestimmt arrogant, aber wenn der Firefox etwas falsch darstellt und der MSIE richtig, dann hast du beim Erstellen des CSS aller Wahrscheinlichkeit nach etwas falsch gemacht.

Hallo,
hier mal der CSS Text:


div.intro { background-color: transparent; margin-top: -150px; margin-left: -50%; position: absolute; top: 50%; left: 50%; width: 100%; height: 300px }
div.main { background-color: transparent; margin-top: -203px; position: absolute; top: 50%; height: 406px }
div.frame { background-color: transparent; padding-right: 0px; top: 50%; left: 50%; height: 300px; overflow: auto }
div.frame1 { background-color: transparent; padding-right: 0px; top: 50%; left: 50%; height: 300px; overflow: hidden }
div.right_frame { background-color: transparent; padding-right: 0px; top: 50%; left: 50%; height: 300px; overflow: auto }
div.bottom { background-color: transparent; padding-right: 0px; top: 50%; left: 50%; height: 100px; overflow: scroll }


So weit so gut...

fritl

[Andreas]

hier mal der CSS Text:

Und wo kann man den Online bewundern, damit man auch sieht, wie Du die DIVs verschachtelt hast? So ist das immer noch müßig ...

[fritl]

hier mal der CSS Text:

Und wo kann man den Online bewundern, damit man auch sieht, wie Du die DIVs verschachtelt hast? So ist das immer noch müßig ...

Hi:
hier ist er zu bewundern:
http://www.by-sh.de/archhtml/goldeneskreuz.html

Im Normalfall sollte das doch funktionieren - oder hab ich irgendwas primitives mißachtet???
Und immer beachten, sobald ich die Seite neu lade funktioniert alles perfekt, aber leider erst danach. Firefox setzt offensichtlich nicht alles um...

fritl

[Andreas]

Hi,

das sieht bei mir im Firefox und im IE identisch aus. Auch ohne Neuladen der Seite. Wahrscheinlich ist auf Deinem System irgendeine Cacheeinstellung anders?!

BTW: http://validator.w3.org/check?uri=http://w...deneskreuz.html da solltest Du noch ein bißchen nachbessern - und dann mal gucken, ob sich die Fehler erledigt haben!

Grüße

Andreas

[harlequin]

moin!

Selbe hier, Firefox 1.0.1, sieht genauso aus, wie im IE 6x...

have fun!
Lars

[fritl]

Tja,
und ich dachte schon, ich hab beim Erstellen was falsch gemacht.

Dann danke ich erstmal für die Hilfe

Servus
fritl

[Andreas]

und ich dachte schon, ich hab beim Erstellen was falsch gemacht.

Wie jetzt? Hast Du einen Fehler gehabt, oder wolltest Du nur, dass sich noch jemand Deine Seite anguckt?

Tritt das Problem noch auf, oder nicht? Hast Du was geändert?

Andreas - sich leicht veralbert vorkommend.

[fritl]

und ich dachte schon, ich hab beim Erstellen was falsch gemacht.

Wie jetzt? Hast Du einen Fehler gehabt, oder wolltest Du nur, dass sich noch jemand Deine Seite anguckt?

Tritt das Problem noch auf, oder nicht? Hast Du was geändert?

Andreas - sich leicht veralbert vorkommend.

Hi,
war wirklich keine Verarsche! Das Problem tritt bei mir noch auf, aber offensichtlich liegt es nicht an Firefox selbst, da die Seite bei anderen Usern ja scheinbar im IE und in Firefox identisch angezeigt wird.
Und was soll ich an den Cache Einstellungen in Firefox schon groß ändern können. 50000 KB Speicherplatz sollten ja wohl doch reichen...
Ich versteh´s ja selbst nicht, woran es liegt.

fritl

[Andreas]

50000 KB Speicherplatz sollten ja wohl doch reichen...

Du könntest ihn einfach mal auf 0 setzen, damit die Dateien eben *nicht* aus dem Cache geladen, sondern neu geholt werden ...

[seufz]

Grüße

Andreas

[Auge]

Hallo

Um fritl nicht dumm dastehen zu lassen: Ich habe mir die Seite mit dem Mozilla 1.7.5 angesehen und auch dort wird der Text beim ersten Laden der Seite rechts aus dem Fenster geschoben. Es ist somit kein verwertbarer Inhalt sichtbar. Ich gehe davon aus, dass fritl genau dieses Verhalten meinte.

Ab jetzt: (du==fritl)

Ich kann aber auch keinen Grund dafür nennen, weil...

- ... der Quelltext viel zu unübersichtlich ist. Da werden fröhlich Tabellen geschachtelt und <font>-Elemente in unübersehbarer Zahl benutzt (Warum eigentlich, wenn du schon für die Positionierung CSS benutzt?)

- ... ich mich deshalb nicht durch den Quelltext durchquälen will. Dabei könnte man an dieser Stelle ungeniert von Quältext sprechen/schreiben.

Überdenke den Einsatz der verschiedenen Elemente neu. Manchmal hilft dies schon, da einige Browser [1] falsch verschachtelte Elemente nicht wie gewünscht anzeigen können. Bei mir liegt nämlich die Vermutung nahe, dass bei deinem Tabellenwust irgendwas falsch läuft. Die meisten der Tabellen kannst/solltest du auch ruhigen Gewissens weglassen.

[1] Eigentlich alle modernen Browser, die nicht mit der MSIE-Engine arbeiten.

Tschö, Auge

Der Beitrag wurde von Auge bearbeitet: 10.03.2005 - 13:53

[i.b.g]

Hallo,

erstens kann ich Auge nur zustimmen. Der Quelltext ist derart verschachtelt, dass nicht erkennbar ist, was zu einander gehört. Insbesondere die sich wechselnden div's und table's sind kaum auseinander zu dröseln.

Zweitens hab ich das beschriebene Verhalten zu keinem Zeitpunkt nachviollziehen können. Meine Cache-Einstellung ist: 50 MB und Vergleich von Cache und Seite immer wenn die Seite veraltet ist. Mein Browser: Mozilla 1.7.5.

[Conny]

Nebenbei:
Die Quälcode (zumindest die der ersten Seite) enthält keine Fehler (nesting errors oder ähnliches).

Ein Doctype würde die Validierung vereinfachen...
Von der 'machart' (Queltext) finde ich es eine katastrophe , die angestrebte Optik liese sich problemlos mit css lösen; ist meine persönliche Meinung.

cu
Conny

[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

[Conny]

Hallo Bambid,

so auf die Schnelle fällt auf, daß du den BODY-Tag zwei mal benutzt....
(einmal muß aber reichen, denn zweimal ist nicht erlaubt!)

cu
Conny

[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

[Google Bot]