webForumDet fria alternativet

Två bakgrunden som täcker sidan

HTML & CSS

3 svar · 488 visningar · startad av MagnusJ

Medlem sedan apr. 2004150 inlägg
Frågan#1

Tja,

Jag håller på med en sida där jag i body satt att en bild ska upprepas som bakgrund. Den bildar ett mönster. Det funkar prima, nu kommer problemet.

Jag har en annan bild som ska vara nere i högra hörnet. Jag har nu gjort en div som är 100% i width och height och som har bilden som bg. Men för att den ska hamna där så krävs det att det är så mycket text på sidan så att den täcker sidan till 100%. Vilket det inte alltid är, finns det något sätt så att man kan få ner bilden dit utan att det är så mycket text.

Medlem sedan aug. 20068 090 inlägg
#2

Det ska väl funka utan att du har bilden i en div, utan bara ger den absolute position bottom:0 och right:0. Vill du ha bilden i en div ändå, så får du väl ge divven specifika mått och sedan lägga samma position på den...

Beror kanske på vilken DTD du har och vilka webbläsare folk använder....

Medlem sedan jan. 200826 inlägg
#3

Du kan utnyttja att man kan ha olika bakgrund på html och body också.

html,body {height: 100%; margin:0;padding:0;} /* höjdfix */

html {background: #333 url('repeterandebild.png');}
body {background: transparent url ('nederstabilden.png') right bottom no-repeat;}
Medlem sedan apr. 2004150 inlägg
#4

Tack, det där funkade prima!

283 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
156 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)