[mooko]

Hallo zusammen,

ich brauche mal Euren Rat.
Ich habe folgenden Background in mein Body-Element eingebunden und rechts ausgerichtet.



Jetzt habe ich das Problem, dass die Seite in der Breite dynamisch sein soll (sich also nach links erweitert).
Nur wie mache ich das mit diesem Hintergrund am besten?
Ich kann ja nicht einfach ein 1px breiten Streifen repeaten (würde man ja gleich durch die Struktur im Hintergrund sehen).

Ich danke euch schon mal.

[regloh]

Ein 532KB großes Bild als Hintergrund ist natürlich etwas heftig. Auch in DSL-Zeiten wird es schon einige Zeit dauern, bis es angezeigt wird. Solche strukturreichen Hintergründe sind immer etwas schwierig in HTML/CSS. Ein linearer Verlauf ist recht einfach aber das, was du vorhast wirst du nur mit einer komplett kachelbaren Textur hinbekommen, denn ich nehme an, du willst in beide Richtungen repeaten oder? Manchmal reicht auch eine sehr breite Textur, die man dann in y-Richtung kacheln lässt, aber da sollte die Höhe natürlich sehr gering sein, damit die Größe der Datei nicht ins Unermessliche steigt. Ist bei deinem Hintergrund also auch nicht möglich.

also mein Tipp: eine quadratische Textur, die kachelbar ist. Sieht zwar auch immer irgendwie nach gekachelt aus aber was solls

[David]

Es gibt viele Tutorials wie man aus solchen Texturen z.B. in Photoshop kachelbare Hintergründe gestalten kann.
Ein Ansatz ist, du wählst dir einen möglichst Quadratisches Muster aus der Grafik aus, und verschiebst das dann in PS jeweils um 50% nach beiden Achsen und lässt den leerraum durch den verschobenen Teil ersetzen. Die Kanten, die jetzt wie ein Kreuz in der Mitte des Quadrats liegen musst du nun von Hand glätten.