background in source ordered 3-col layout

[Webblob]

Hallo zusammen!

Inspiriert durch ein Layout von Ruthsarians (http://webhost.bridgew.edu/etribou/layouts/skidoo_too/index.html) habe ich mich daran gegeben, ein eigenes Layout zu stricken, welches folgende Eigenschaften besitzen soll:

- Anzeigbar in (möglichst) allen Browsern - ab Version 5 Browsern CSS formatiert, sonst unformartiert
  - Quellcode in Reihenfolge Header, Subheader über Mitte + Rechts, Mitte, Rechts, Links, Footer
  - Hintergrundfarbe bzw. -bild in voller Höhe für alle 3 Spalten

Nach einigem Basteln & Tüfteln funktioniert das Layout, soweit ich das testen kann, korrekt in folgenden Browsern: IE 6, Moz1.x, OP 5,6,7 (alle Windows)

Im IE 5.0 und 5.5 funktioniert es nicht (für Tipps & Anregungen zu diesem Problem bin ich natürlich auch sehr dankbar!).

Das für mich größere Problem stellt jedoch der Hintergrund dar. Die Zuweisung von Hintergrundfarben/ -bildern führt in den o.g. Browsern zu völlig verschiedenen Ergebnissen, sogar wenn man den Hintergrund auf transparent stellt, weichen die Ergebnisse voneinander ab, und ich habe ehrlich gesagt keine Ahnung warum, bzw. wie ich das/die Problem/e in den Griff kriegen könnte.

Für Hinweise, Tipps und Ratschläge wäre ich ausgesprochen dankbar.

Hier die Links zur Seite und der CSS-Datei:
  - Seite: http://css.top-topics.com/index_b.html
  - CSS Datei: http://css.top-topics.com/float_b.css

Gruß Gunther

[Fritz]

Hallo,

Im IE 5.0 und 5.5 funktioniert es nicht (für Tipps & Anregungen zu diesem Problem bin ich natürlich auch sehr dankbar!).

Das für mich größere Problem stellt jedoch der Hintergrund dar. Die Zuweisung von Hintergrundfarben/ -bildern führt in den o.g. Browsern zu völlig verschiedenen Ergebnissen, sogar wenn man den Hintergrund auf transparent stellt

Ausser #fff und transparent sehe ich in Deinem CSS keinerlei Farben / background-images.
Was also sollte mein Browser anzeigen?

NB: bitte validiere Dein CSS. Mit fehlerhaftem CSS ist die Fehlersuche recht schwierig.
Frühestens dann kann man auch über browserspezifische (IE5) Fragen diskutieren.

Gruß Fritz

[Webblob]

Hallo Fritz,

Ausser #fff und transparent sehe ich in Deinem CSS keinerlei Farben / background-images.

Richtig! Wenn du die Dateien auf deinen Rechner packst, und verschiedene Werte für background änderst, wirst du beim Betrachten in verschiedenen Browsern erkennen wo das Problem liegt.

NB: bitte validiere Dein CSS. Mit fehlerhaftem CSS ist die Fehlersuche recht schwierig.
Frühestens dann kann man auch über browserspezifische (IE5) Fragen diskutieren.

Der einzige Teil, der nicht validiert ist "word-wrap: break-word;" und da steht sogar dabei, dass es invalide ist und auch warum es trotzdem da steht (man kann es auch weglassen und schon validiert die Datei)!

Gruß Fritz

Gruß zurück!