Hallo Leute.

Ich habe einen etwas komplexen Hintergrund für eine Webseite erstellt, bei dem ich nicht weiß wie ich ihn slicen soll.
Die Webseite soll sich je nach Inhalt automatisch in der Höhe her anpassen, technisch kein Problem.
Aber wie funktioniert das mit dem Hintergrundbild? Die Brushes links und rechts in meinem Entwurf haben ja eine feste Höhe.
Wie slice ich das Hintergrundbild, damit die Webseite in der höhe dynamisch ist? Oder geht das nicht mit dem Hintergrund wie ich mir das vorstelle?

Könnt ihr mir helfen? Hoffe ihr versteht mich.

Hier das Hintergrundbild:

Eine Grafik, die nur bei einer bestimmten Höhe richtig aussieht, ist eine Grafik die nur bei einer bestimmten Höhe richtig aussieht.

Ich frage mich bei solchen Threads ehrlichgesagt immer, wie ihr euch das vorstellt.

Du müsstest eine kachelbare oder teilweise kachelbare Grafik erzeugen. Dann hättest du einen Teil, den du beliebig verlängern kannst.

Hier wäre zum Beispiel ein einfacher Trick, die Verzierungen vertikal nicht ganz durchgängig zu machen, sondern in der Mitte einen Streifen freizulassen, der nur blau enthält und den du dann bei Bedarf beliebig in der Höhe verändern kannst. Na ja, oder dann gleich die gesamte Grafik wiederholen.

Warum fixierst du nicht einfach die Hintergrundgrafik und scrollst nur den Inhalt

__________________
Grüße
Nils

1. Variante:
Du kannst per CSS auch mehrere Hintergrundbilder angeben, welche du per Background-Positions verschiebst.
In deinem Fall hätten wir 2 Grafiken, nehmen wir mal an bgLeft.jpg + bgRight.jpg:
2. Variante:
per Javascript. Für die js-Bibliothek jQuery gibt Plugins wie z.b.
jQuery backstretch

(3. Variante: )
Produzier beide Bilder als transparente pngs und positionier diese jeweils in einem Div fixed und per top: right:/left: jeweilse nach rechts oder links.

Variante 1 scheint im aktuellen Firefox und Chrome noch nicht unterstützt zu werden, da CSS3.

Variante 3 funktioniert leider auch nicht.

Habt ihr noch eine andere Idee oder vielleicht Beispielcode?

Wie stellst du es dir denn vor, die ~500 px Grafik auf – sagen wir mal – einer Seitenhöhe von 4000 px zu verteilen?