Weblabor

ha jólértem a problémádat, akkor a kettőt együtt kéne megvalósítani:
előszöris kivágsz egy ismétlődő részt, ezt beteszed mondjuk body háttérnek, majd kivágod a középső részt, készítessz egy középre igazított divet fix szélességgel, benne egy fejléccel, aminek pedig a háttere lesz a másodszorra kivágott rész.

Szia!

A fejlécen látszik, hogy a bal oldalon és a jobb oldalon ugyan úgy folytatódik, tehát csak le vágsz egy szeletet (bal legszéléről) és az lesz a teljes felső sor háttere (repeat-x).

Ezután látod, hogy a középső részt, igazából min. 4 részre lehet osztani:
1. a menü feletti rész
2. hírlevél feletti rész
3. a menü területe
4. hírlevél felső csíkja

+2 rész:
5. maga a logó
6. "bejelentkezési állapot" címke

Én így szabdalnám.. nagyjából nagy vonalakban.

üdv, Gábor

Ez nagyon hasonló séma, mint amiről a nemrég tárgyalt CSS feladvány szól. Azaz a fejléc a végtelenségig fut egy ismétlődő periódussal, de van rajta valahol egy nem ismétlődő réteg, ami a blokk egy pontjához igazodik.

Két kép kell tehát neked ebből.

Mindenképp kell egy repeat-x, ugye, amiről az 1. pontban írsz, ez az a néhány pixel széles sáv, ami széltében végigfut.

Aztán jobb oldalt van egy körkörös gradiens, ami kilóg az oldalszélességből, azt szintén háttérbe kell rakni. Ha csak a kört vágod ki, akkor háttérként nem lehet precízen odapozicionálni, ahol van, hiszen a képlet a viewport 50%-a + egy fix távolság. A megoldás az, hogy ezt a fix távolságot a képletből ki kell venni, azaz 0-ra kell állítani, azaz úgy kell kivágni azt a foltot, hogy tőle balra még egy jókora területet is vele viszel. Pontosan akkora területet, hogy az így kapott kép 50%-os (center) igazítása mellett a folt ott látszódjon, ahol látszódnia kell. Így ott is fog maradni.

A hátterek rakhatók body-ba és 100% széles divekbe, így rétegezhetők.

Szükséged lesz még egy body min-width-re is, arra IE6-ra workaround (pl. css expression) kell.

gonosz kérdés, honnan van a terv? mert gyanúsan drupal-os generált témának tűnik.
A "demo" vízjelekből még vmi korlátolt themeditorra is gondolok, ha netes akkor esetleg nem egyszerűbb onnan real-timeban kiszedni adott grafikai elemeket?

[/on]
Ha jól értem az a bajod, h a fejléc zöld hátterét hogyan oldd meg úgy, h a jelenleginél szélesebb div méret esetén is jól mutasson?
Én kivágnám a hátteret egészben, img elemként beraknám a div közepére és mivel mindkét széle egészen egyforma, egyik széléből vágott csíkot reapeat-x el végighúznám a div háttereként. Persze ha nem akarod a feliratokat variálni :)
A menü+állapot címke háttere az simán css - opacity:0.6; filter:alpha(opacity=60) :) - a hírlevél box-szal meg nem törődnék, z-index neki, és kitakarja a képet.
Persze ez favágás, de ugye attól függ mennyire, kinek, hogy...