Auflösung 1280x800

Der Inspiron 6000 von Dell hat zwar ein 15" Display aber eben nur die Diagonale stimmt gegenüber den normalen 15" Displays, nicht so das Verhältnis Breite zur Höhe.

Die Display-Breite beträgt 13 inch die Höhe 8.2 inch

Stellt man nun eine normale Seite die auf 1024x768 dpi ausgelegt ist mit der Auflösung 1280x800 dar, so wird die Seite zwar normal dargestellt, solange kein
Hintergrundbild im Spiel ist.

Mit einem Hintergrundbild von 1024x768 erfolgt eine Kachelung (Wiederholung des Hintergrundes). Stellt man die Display-Grafik um auf 1024x768 stimmt zwar die Höhe, aber die Breite wird gestreckt, was dann zu einem Bildverzug führt.

Das Problem der Kachelung lässt sich mittels css umgehen, indem das Hintergrundbild dort wie folgt definiert wird.:

CSS:

body
{ background-image: url(/images/index/hg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
}

Damit ist das Problem für IE gelöst, nicht aber für alle anderen Browser.

Wie kann ich allen Browsern gerecht werden?

Kann mich da auch nur anschließen mit der Frage: was machen die anderen Browser denn anders? die aufgeführten CSS-Eigenschaften verursachen jedenfalls keine unterschiedliche Darstellung des Hintergrundes

normalerweise müsste das jeder browser richtig anzeigen..

http://www.css4you.de/background.html

Vielleicht finden Firefox und Opera das Hintergrundbild nicht - wo testet du die Seite: auf einem Rechner ohne Webserver? Der Pfad "/images/index/hg.jpg" ist ohne Webserver eigentlich nicht auflösbar; ich erinner mich an einen Fall, in welchem der IE im Gegensatz zu den anderen Browsern unter bestimmten Bedingungen auch ohne Webserver absolut referenzierte Dateien gefunden hat. Besteht das Problem auch noch, wenn du die Seite von einem Server abrufst?

wenn ich in der css die Definitionen der Schriften-Definitionen lösche und nur das background-Bild definiere als:

body {background:url(/images/index/hg.jpg) no-repeat center top scroll;}

dann zeigt der FF das Backgroundbild ebenfalls, der Opera aber immer noch nicht. Die CSS enthält jetzt also nur noch eine einzige Zeile.