WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Background anpassas efter skärmen... (https://www.wn.se/forum/showthread.php?t=33371)

grinditwp 2008-11-18 12:12

Kolla på t.ex. http://www.gamespot.com/
de har en bakgrund som sprider sig över hela fönstret (när det är maximerat).

Bakgrundsbilden är alltid samma; http://i.i.com.com/cnwk.1d/Ads/7398/12/TRU_Skin.jpg
och den är 1640 px bred.

Men på något sätt annpassas bakgrunden till skärmen eller bodyelementets bredd.

Hur?

Tack!

HMH 2008-11-18 12:37

Kod:

body
{
  background: url(http://i.i.com.com/cnwk.1d/Ads/7398/12/TRU_Skin.jpg) #000 fixed no-repeat 50% top;
}


grinditwp 2008-11-20 09:17

Citat:

Originally posted by HMH@Nov 18 2008, 13:37
Kod:

body
{
 background urlhttp//i.i.com.com/cnwk.1d/Ads/7398/12/TRU_Skin.jpg #000 fixed no-repeat 50% top;
}


Tack för svarat, men det är uppenbarligen inte så enkelt. Bakgrundbilden sprider sig fortfarande utanför horisontalt, även om det ser hyfsat snyggt ut i och med att den är centrerad.

HMH 2008-11-20 09:56

Det är så dom gör på Gamespot (koden plockad rakt av).

Om det du är ute efter är att stretcha bakgrundsbilden så kanske denna artikel kan vara till hjälp: http://webdesign.about.com/od/css3/f/blfaqbgsize.htm

grinditwp 2008-11-20 10:05

Citat:

Originally posted by HMH@Nov 20 2008, 10:56
Det är så dom gör på Gamespot (koden plockad rakt av).
Om det du är ute efter är att stretcha bakgrundsbilden så kanske denna artikel kan vara till hjälp: http://webdesign.about.com/od/css3/f/blfaqbgsize.htm

Jo jag har också kollat källkoden :P
Men uppenbarligen gör dom något annat också, för deras bakgrundbild går inte utanför horisontalt.
Skumt? Ja.

najk 2008-11-20 11:32

Är inte riktigt med på vad som är konstigt eller speciellt med sidan, ser ut som vilken sida som helst? Se min skärmdump

grinditwp 2008-11-20 12:00

Ignorera min senaste post, jag som är förvirrad.

ulrisa 2008-11-20 17:12

CODE

body
{
background urlhttp//i.i.com.com/cnwk.1d/Ads/7398/12/TRU_Skin.jpg #000 fixed no-repeat 50% top;
}
ska väl vara
CODE

body
{
background: url(http//i.i.com.com/cnwk.1d/Ads/7398/12/TRU_Skin.jpg) #000 fixed no-repeat 50% top;
}


Alla tider är GMT +2. Klockan är nu 06:00.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson