<div> verrutscht in Firefox
Sophia
- browser
0 Detlef G.0 ziegenmelker0 Dada
Ich hab ein blödes Problem in Firefox, und auch NUR da. Nur am PC. Aber auch nicht an allen. Vielleicht kennt das jemand und weiß die Lösung oder hat eine Idee, wie ich das umgehen kann:
Wenn man http://www.skillsharing.de, meine Diplomarbeit (Entwurf für eine Tauschplattform), in Mozilla FIREFOX am PC anschaut, dann verrutscht die Hauptnavigation (das, was aussieht wie Puzzleteile) ziemlich oft nach rechts. Sie setzt sich aber wieder an die richtige Stelle, wenn man das Browserfenster auch nur minimal resized. Es passiert auch nicht bei jedem Seitenwechsel und auch nicht immer mit dem gleichen Abstand. Für mich also nicht nachvollziehbar, da ohne bestimmte Gesetzmäßigkeit.
Die Navi ist mit <div> Tags realisiert, damit die Puzzleteile in einander greifen können - sie liegen also quasi versetzt übereinander.
Hatte schon vermutet, es könnte daran liegen, dass die Seite in der Mitte des Browserfensters ausgerichtet ist, und beim Seitenaufbau erst am Ende genau positioniert wird. Das würde heißen, dass der Startpunkt der Division (position: absolute) eben schon festgelegt wird, bevor die Seite an ihre endgültige Position rückt, und dann bleibt er da stehen wo er zuerst aufgerufen wurde. Aber selbst wenn man die Seite an den linken Browserfensterrand klatscht, passiert das mit dem verrutschen ab und zu. Siehe http://sophia.mindstone.de/master2.php
Man muss manchmal ne Weile hin und her klicken, bis es passiert. Dann springt die ganze Zeile einfach nach rechts.
Hab ich einen Fehler im Code mit dem Setzen des "Viewport" (Nullpunkt) der Division (der liegt in der Tabellenzelle, wo die Hauptnavi reingehört, links oben) oder ist das einfach ein Firefox-Problem? Kann man vielleicht durch ein automatisches Resizen des Fensters nach jedem Aufbau den Nullpunkt zwingen, sich wieder richtig zu positionieren?
Für den Code bitte unter http://sophia.mindstone.de den Seitenquelltext anzeigen lassen - ich weiß nämlich nicht, welcher Teil davon relevant ist für das Problem.
Ich bin für jeden Hinweis dankbar!!! In zwei Wochen ist nämlich meine Diplomabgabe!!
Hallo Sophia
Wenn man http://www.skillsharing.de, ...
Bitte gib nächstes Mal gleich den richtigen Link
http://sophia.mindstone.de/ an.
Hab ich einen Fehler im Code mit dem Setzen des "Viewport" (Nullpunkt) der Division (der liegt in der Tabellenzelle, wo die Hauptnavi reingehört, links oben) oder ist das einfach ein Firefox-Problem?
Interessanterweise tritt es nur auf, wenn die Seite von deinem Webspace geladen
wird. Ich habe mir eine Kopie gezogen, um es besser testen zu können, bei dieser
konnte ich diesen Anzeigefehler nicht provozieren.
Eventuell verschluckt sich der Firefox, wenn er die Navigation rendert, bevor
der Rest der Seite geladen ist.
Den Quelltext habe ich nicht näher analysiert, weil mir das Gemisch aus
HTML-Attributen, Inlinestyles und CSS-Datei etwas zu unübersichtlich ist.
Nur so viel:
Versuche einmal, ob der Fehler auch auftritt, wenn .nullpunkt nicht absolut
sondern relativ positioniert ist. Außerdem könntest du diesem Div mal zu
Testzwecken einen Border geben, damit du siehst, ob nur die Schaltflächen oder
.nullpunkt komplett verschoben wird.
Die Schaltflächen brauchen eventuell auch nicht extra Divs, wenn du die
Positionerung gleich den IMGs zuweist.
Eventuell könntest du auch mit float arbeiten und negative Margins verwenden,
um diese übereinander zu schieben.
Auf Wiederlesen
Detlef
Hallo,
Ich hab ein blödes Problem in Firefox, und auch NUR da. Nur am PC. Aber auch nicht an allen.
ich fürchte, es ist genau andersherum, dein FF hat ein Problem mit dir.
Ich bin für jeden Hinweis dankbar!!! In zwei Wochen ist nämlich meine Diplomabgabe!!
Also ich muß sagen, daß ich es schon peinlich bis unverschämt finde, wenn man sich hier Hilfe für seine Diplomarbeit sucht und nicht selbst schon mal versucht hat die massig vorhandenen Fehler mithilfe eines Validators zu beseitigen.
http://validator.w3.org/check?verbose=1&uri=http%3A//sophia.mindstone.de/markt.php
Zum Doppelposting will ich gar nicht erst was schreiben }:|
cu,
ziegenmelker
Guten Morgen Sophia,
ist das Problem schon gelöst? Bei mir verrutscht (firefox 1.0) nämlich nichts. Was ich hingegen als irritierend empfinde: die linken vier Puzzleteile sind gleich groß, das rechte hingegen deutlich kleiner.
Mit Gruß
Dada