Hi,
on http://calm.dansgalaxy.co.uk on a couple of page with alot of content, the background image repeats.

The background is a 1px wide strip basically, so it has to repeat horizontally..

anyway i was told by a friend that i should use

background-repeat: no-repeat;

and set the background-color: #ffffff; so that it continues as white and donent repeat it vertivcally...

but i have it in my css and it doesnt appear to have worked...

http://calm.dansgalaxy.co.uk/about.php (you can see blue line at bottem..)

anyideas?...

Thanks
dan

For one thing, IE cannot handle transparent PNG's w/o help. There's a sticky at the top of the HTML forum on how to make IE display transparent PNG's. Unfortunately, no solution available will make IE6 and 5.5 display a repeating transparent PNG properly - it just can't do it.

Ok, what you need is to set that gradient image as a background to your body or container, and set it to background: #fff url(bg.png) repeat-x;
That sets the background color to white, and tells it to repeat the gradient horizontally ONLY.

You have: background: url('images/bg.png'); - get rid of the single quote marks. You also do not need the TWO background-repeat rules.

Oh yeah.. you can shorten your margin rules to just: margin: 0; and padding: 0;

Ok wow.. Lol ill look and try and do that andall i did to make it work was change background: url(... to background-image: url(... and its worked...

I know you have nagged me about the transparent gifs before, and as far as i know i only have the php logo which is a transparent.. i ust need to replace the image with one with a white bg...

and ill changed the margins..

and will make the background thing how u said. i tend to make them seperate becasue i find it easier to view/edit at a glance like...

Thanks as usuall!.
Dan