Rahmen mit Background realisieren

Adan0s

Grünschnabel
Hallo,

ich möchte folgendes über CSS umsetzen:

bspngyl.png


Die mittlere rote Box ist mindestens 960px breit, passt sich dann aber der Browserbreite automatisch an.
Links und Rechts von der Box gibts es einen 10% breiten Abstand, der durch einen Verlauf in den Hintergrund gefadet werden soll.

Wie setze ich das am besten um? In CSS3 gibt es border-image, aber das bekomme ich nicht wirklich zum laufen mit einem Bild jeweils für links und rechts. Gibt es eine Alternative, die in jedem halbwegs aktuellem Browser lauffähig ist?

Grüße,
Adan0s
 
Hi,

da border-image in vielen Browsern noch Zukunftsmusik ist, wirst du den "Rahmen" mittels background-image in einer "Behelfskonstruktion" realisieren müssen, in der die Außenabstände zum linken und rechten Fensterrand dann nicht prozentual festgelegt sein können.

mfg Maik
 
Zurück