Gradient med mønster, flytende layout

[MaxP2P]

Driver og porter en layout fra photoshop nå, hvor en gradient bakgrunn med mønster er brukt:

 

Vet jeg har sett sider som har en layout med mønstret gradient bakgrunn før, som var flytende så langt jeg kan huske. (Kommer dog ikke på noen nå, så noe konkret eksempel blir litt vanskelig )

 

Finnes det noe hack for å få til et flytende layout med gradient bakgrunn som kan tilpasse seg uansett oppløsning og vindustørrelse (til en viss grad da selvfølgelig...)? Vet CSS3.0 kommer til å ha en funksjon som tillater dette, men det er nok en stund til vi ser bred CSS3 støtte i browsere.

[Haraldson]

Har du i det hele tatt prøvd før du kommet hit?

 

'Trikset' går jo ut på å legg den repeterende griden som bakgrunn på body (griden etter at gradienten har sluttet, den som skal vises på resten av siden), og midtstille denne bakgrunnen så den går ut fra midten av siden. Deretter kan du ha en wrapper-div på 100% bredde, hvor bildet du viser som vedlegg her i tråden, settes som bakgrunn. Også dette sentreres, i topp av siden.

 

Deretter skulle det kun gjenstå en eventuell liten pikseljustering av bakgrunnen på body - fortsatt midtstilt, men den må gjerne nudges opp eller ned et par piksler.

Endret 9. september 2008 av Haraldson