Verlauf in einem Div

[Lucas]

Hallo,

Eine Grafik mit einem Verlauf, die dann in einer fixen Position und mit einem bestimmten Repeat (x oder y) eingebunden wird.
z.B. div { background: #FFF url(verlauf.jpg) bottom fixed repeat-x; }

Das klappt soweit, aber hat einen Nachteil: Die Breite (bzw Höhe, kommt auf die Verlaufsrichtung an) des Verlaufs ist von vornherin durch die Maße des Images bestimmt. Wenn du lieber einen Verlauf über das komplette div haben möchtest, sollte dein Image die Maße des divs haben.
Noch eleganter wird das Ganze, wenn du ein Image mit dem Verlauf erstellst, das etwa doppelt so breit (oder hoch) ist, wie das div und dieses dann mit width einschränkst. Das heisst, hinter den Menu-div noch ein weiteres legen, was ein <img> enthält, welches auf die entsprechenden Maße angepasst ist. Die Verzerrung des Imgages beim Stauchen ist in Ordnung, da es ja ein Verlauf ist. Dadruch ist gewährleistet, dass das Bild zu jeder Größe des Menus passt.

Mit freundlichen Grüßen, Lucas