Hintergrundbild wird im FF falsch gekachelt

Status
Nicht offen für weitere Antworten.
S

shockwaveXBG

Grünschnabel
Hallo zusammen,

ich habe folgendes Problem mit der Darstellung im FF; die folgende Seite:

http://schriftplusbild.de/TFWNEU/home.html (HTML Datei)
http://schriftplusbild.de/TFWNEU/css/tfw.css (CSS Datei)

ist komplett css basiert vom Layout her, nur dass FF in der aktuellen Version das Karomuster falsch anzeigt im unteren Bereich der Seite - Die fortlaufenden Kachelstruktur wird auf einmal unterbrochen. Kann mir jemand vielleicht sagen, woran das liegen kann, denn die anderen Browser zeigen es richtig an.

Danke schon mal im voraus!
 
Zuletzt bearbeitet:
Der Kacheleffekt wird am unteren Browserfenster-Rand unterbrochen und hängt an height: 100%; für body, html. Wenn ich diese Eigenschaft im CSS auskommentiere /*height: 100*/, sprich deaktiviere, und die Seite anschliessend im FF 1.0.2, MOZ 1.6, NN 7.0 aktualisiere, ist die Unterbrechung verschwunden ;-]

Dummerweise wird durch diese Maßnahme das Seiten-Layout in allen Browsers unterschiedlich zerschossen:

  1. FF, IE, MOZ, NN, OP: die Höhe für #rightcont-DIV ist nun vom Inhalt (Blindtext) abhängig
  2. FF, MOZ: zwischen der oberen SiteMap (= verweis-sensitive Grafik) und den darunterliegenden #leftcont- und #rightcont-DIV ist eine Überlappung entstanden, die den oberen Inhalt der beiden DIVs überdeckt -> im vertikalen Listen-Menü die ersten beiden Links
  3. FF, MOZ: #footer-DIV rutscht unter #rightcont-DIV
:confused:
 
Danke für die schnelle Antwort - nun ich hatte das auch bereits auskommentiert gehabt und weiss was dadurch geschehen kann - warum er allerdings die Seite dann zu gänze zerspult vom Layout ist mir wirklich ein Rätsel.
 
Habe das Problem gelöst - ich hatte versehentlich sowohl die BODY als auch die HTML Deklaration in der CSS Datei mit 100% versehen, dadurch hatte es beim FF nicht geklappt. Wenn man das HTML weglässt wird der Hintergrund korrekt gekachelt.
 
... und das Layout im FF (1.0.2) und Mozilla (1.6) zerschossen, wie ich es im letzten Posting angemerkt habe --> Demo siehe Grafik.
 

Anhänge

  • ss.png
    ss.png
    71,1 KB · Aufrufe: 11
... und das Layout im FireFox (1.0.2) / Mozilla (1.6) zerschossen, wie in meinem letzten Posting angemerkt.
 
Hmmm das wundert aber, denn ich habe es mehrere Male in unterschiedlichen Browsern getestet und die zeigen es tadellos an. Die Dateien habe ich allerdings auch erst heute früh hochgeladen, von daher dürfte die Version, die im Link mit angegeben ist, nicht aktuelle gewesen sein, als du es getestet hattest.
 
Stimmt, die aktuelle Version wird in allen Browsers fehlerfrei angezeigt. Du hast am CSS-Code aber auch noch weitere Modifikationen vorgenommen, als nur das html als Selektor zu entfernen ;-]
 
ich hatte einige kleine Änderungen vorgenommen und versucht die Höhe der beiden grauen Spalten anzugleichen, aber da bietet es sich eher an, diese bereits im Hintergrundbild anzulegen, denn die Höhe ändert sich mit unterschiedlicher Textlänge. Hierzu ein Beispielentwurf:

http://schriftplusbild.de/TFWNEU/test_tiles.html

Es ist mein erster Versuch das gesamte Layout gänzlich ohne Tabellen zu gestalten und das bringt eben ständige Neuerungen, Verbesserungen und Tests mit sich, aber es geht...:-) (mehr oder minder)

Danke nochmals für deine Hilfe!
 
Zuletzt bearbeitet:
Und hier nun das Layout wie es sein sollte - mit einem separaten footer, und gleich langen Spalten - die CSS-Datei ist in die HTML Datei eingebunden. Kleine Bemerkung am Rande - da Firefox die min-height:100% Angaben offensichtlich nicht so recht interpretiert hilft die Angabe display:table und das Hintergrundbild wird auf die gesamte Höhe gestreckt, so wie es sein sollte!

Die URL:
http://schriftplusbild.de/TFWNEU/test_tiles02.html
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück