CODEWITHSUNDEEP
cssbackgroundbackground-image
Philip7899
Philip7899

Reputation: 4677

How do I make this background repeat horizontally the entire way across the screen?

I am using an image as a background. It is only a few pixels wide so I am having it repeat across the width of the screen. For some reason, it stops slightly before the right side of the browser window (between a centimeter and an inch depending on your pixel settings). Here is the css I am using:

#bgcontainer { margin:0; padding:0; background:url(images/main_bg.gif) top repeat-x;}

How do I get rid of the white column at the end and make the background image repeat all the way to the end? The site is up at avidest.com so you can see that if you scroll all the way to the right there is a white column. Thank you.

Upvotes: 0

Views: 684

Answers (2)

Adam Brown
Adam Brown

Reputation: 2870

Have you tried background-repeat:repeat-x 

#bgcontainer { margin:0; padding:0; background:url(images/main_bg.gif); background-repeat:repeat-x
;}

Upvotes: 3

novalagung
novalagung

Reputation: 11502

set the background css to body tag, maybe this can help you solve your problem

body { margin:0; padding:0; background:url(images/main_bg.gif) top repeat-x;}

Upvotes: 0

Related Questions