Gossamer Forum
(Advanced Search)
for
Home : General : Internet Technologies :

CSS - background-repeat

Feb 14, 2008, 3:24 AM
Andy
Veteran / Moderator (18441 posts)
Andy's avatar
Feb 14, 2008, 3:24 AM
Post #1 of 4
Views: 5563
Shortcut
Quote Reply
CSS - background-repeat
Hi,

Anyone got any ideas why this isn't working? :/

Code:
body {
background-repeat: no-repeat;
background: url("http://www.domain.com/news/images/bg.gif");
}

It shows the background ok - but it then "repeats" again further down the page :( Is the no-repeat function not available for the "body" tag? :/

BTW - I'm using this page as a reference: http://www.w3.org/...ef-background-repeat

TIA

Andy (mod)
andy@ultranerds.co.uk
Want to give me something back for my help? Please see my Amazon Wish List
GLinks ULTRA Package | GLinks ULTRA Package PRO
Links SQL Plugins | Website Design and SEO | UltraNerds | ULTRAGLobals Plugin | Pre-Made Template Sets | FREE GLinks Plugins!
Feb 14, 2008, 1:06 PM
brewt
Staff (4101 posts)
brewt's avatar
Feb 14, 2008, 1:06 PM
Post #2 of 4
Views: 5285
Shortcut
Quote Reply
Re: [Andy] CSS - background-repeat In reply to
background is a shortcut property for all the background-* properties. So either you move the background-repeat property below the "background: ..." line, or include the property in the background line (eg. background: url(...) no-repeat;).

Adrian
Feb 15, 2008, 1:26 AM
Andy
Veteran / Moderator (18441 posts)
Andy's avatar
Feb 15, 2008, 1:26 AM
Post #3 of 4
Views: 5308
Shortcut
Quote Reply
Re: [brewt] CSS - background-repeat In reply to
OMG - thank you thank you thank you!!! Works a charm Cool

Cheers

Andy (mod)
andy@ultranerds.co.uk
Want to give me something back for my help? Please see my Amazon Wish List
GLinks ULTRA Package | GLinks ULTRA Package PRO
Links SQL Plugins | Website Design and SEO | UltraNerds | ULTRAGLobals Plugin | Pre-Made Template Sets | FREE GLinks Plugins!
Feb 15, 2008, 8:52 AM
SandraR
User (424 posts)
SandraR's avatar
Feb 15, 2008, 8:52 AM
Post #4 of 4
Views: 5304
Shortcut
Quote Reply
Re: [Andy] CSS - background-repeat In reply to
you can also use absolutes:

body {height:100%;font:12px Arial, Verdana, Tahoma, Sans-Serif;color:#000;background:url(images/background/body.jpg) center repeat-y;}

body {background:#fff url(images/background/vod.jpg) no-repeat;height:217px;}


Sandra Roussel
Chonsa Group Design - Fresh Start Housing