[grinditwp]

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]

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

[grinditwp]

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

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]

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]

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]

Ä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]

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

[ulrisa]

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;
}