Hi,

ich bin gerade dabei ein Template mit einem großen Hintergrundbild zu entwerfen.
Was ich mich frage:
* Was für Techniken gibt es dafür, und
* Wie groß sollte dieses Bild (mindestens) sein?

Habt ihr Tipps und Ratschläge für dieses Thema? Gibt es da Ressourcen-Sammlungen, welche ich noch nicht gefunden habe?

Besten Dank schon mal...

Die Infos sind etwas spärlich. Was willst du denn genau machen? Hast du evtl. einen Screenshot des Designs?

Generell sind Hintergrundbilder, die die komplette Seite beinhalten IMO schlecht. Etwas "zerschnitten" werden sollten sie schon und den entsprechenden Elementen als Hintergrund gegeben werden.

Ich stelle mit etwas in dieses Richtung vor, und habe mich gefragt ob es da "best practices" und Tutorials/Ressourcen gibt, um das möglich Browser- und Bildschirmübergreifend "schön" zu machen

Wenn es um das große Hintergrundbild geht und nicht um die einzelnen Elemente der Seite, die ja auch grafisch gestaltet sind, dann muss das Bild natürlich so groß sein. Ist dann für User mit langsamer Internetverbindungen natürlich etwas nervig.

Das wird sicher auch in allen Browsern so aussehen, allerdings ist das Hintergrundbild fixiert, was nicht alle Browser beherrschen. Besser wäre es, wenn das Bild in einen einfarbigen Hintergrund mündet, den man dann mit der background-color fortführen kann. Dann kann man den Hintergrund auch mitscrollen lassen und braucht diese Fixierung nicht.

overflow-x/y: hidden; ist auch keine gute Idee, wie man hier beim Beispiel sieht. Wird das Fenster verkleinert, kann man nicht horizontal scrollen.

Welcher Browser beherrscht denn keine feststehenden Hintergrundbilder?

__________________
... Meine Meinung

background-attachment: Hintergrund fixieren: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Netscape 4 - ah ja...

__________________
... Meine Meinung

Und IE > 7 eben nur im Body-Element. Sollte aber für deine Zwecke reichen. Ob das nun auch noch andere Browser, die auf der Seite nicht aufgeführt sind, nicht unterstützen, weiß ich nicht. Müsste man mal nachforschen. Ich persönlich mag fixe Hintergründe eh nicht

Das ist ja eine andere Sache. Ich kann's aber auch nicht leiden, weil die Seiten dann beim Scrollen ruckeln und es die Augen irritiert..

__________________
... Meine Meinung

How to: CSS Large Background

80 Large Background Websites