webForumDet fria alternativet

Dubbel bakgrund

HTML & CSSur HTML, XHTML & CSS

5 svar · 311 visningar · startad av ejick

Medlem sedan mars 2001895 inlägg
Frågan#1

Hejsan,

jag undrar om någon vet hur jag kan konstruera en dubbel bakgrund på bästa sätt. För att förklara vad det är jag menar lite närmare skickar jag med en illustration som beskriver det hela.

Det rör sig alltså om att en bild i bakgrunden som kommer bestå av en fejd som sedan överlappas av en centrerad bakgrund som bara är en färg, enligt illustrationen.

Vet någon om det finns något sätt man kan göra detta på så att mittendelen följer med storleken på fönstret?

Tacksam för svar

dubbel.gif
Medlem sedan dec. 19998 277 inlägg
#2

Lägg den fadade bilden i bodyn, sen använder du en div för den enfärgade bakgrunden.

Medlem sedan apr. 20012 427 inlägg
#3

Annars kan du lägga en bakgrund för "body" och en för "html".

Medlem sedan mars 2001895 inlägg
#4

Tengblad skrev:

Lägg den fadade bilden i bodyn, sen använder du en div för den enfärgade bakgrunden.

Visst, det är så jag har det för tillfället, men jag är ute efter att mitten bakgrunden skall följa med fönstrets storlek...

Skarre skrev:

Annars kan du lägga en bakgrund för "body" och en för "html".

Har provat denna metod med det fungerade inte något bra. Resultatet blev det samma som på tengblads förslag vill jag minnas.

Med HTML 3.0 var det möjligt med hjälp av tabeller (om man trotsade lite och skrev till höjden i procent) problemet är att jag inte har hittat något liknande i css..

Medlem sedan jan. 2000978 inlägg
#5

ejick skrev:

Visst, det är så jag har det för tillfället, men jag är ute efter att mitten bakgrunden skall följa med fönstrets storlek...

Så ditt problem är egentligen att du vill att div:en alltid ska vara 100% av fönstrets höjd?

Isåfall går det att lösa. Det är väl nästan det vanligaste problemet folk har med css.
http://www.webforum.nu/showthread.php?s=&postid=1064813#post1064813

Medlem sedan mars 2001895 inlägg
#6

Jo, det var väl vad jag var ute efter.

Tack för hjälpen :)

134 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)