background image

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I use CSS to tile an image (in the body tag) background across all of the
page. But, and this is the bit I can't quite figure out, I would also like
to run an orange strip 200px wide (also in the body tag) in the pages
background down the left side of the screen. I have tried to achieve this

 style="background: url('art/orange.gif') 0% 0% repeat-y"

The trouble is it repeats down the page as expected but it also covers the
rest of the page with white, so I lose my other image (which is in an
external stylesheet) which is supposed to cover all parts of the pages
bacground which is not covered by the orange strip. So why doesn't the
orange stripe confine itself to the left edge of the screen?  I guess its
not possible to have two images in the background of an element - unless of
course you know different.


Re: background image

David Graham said...

Quoted text here. Click to load it

true, stick one of the backgrounds on an element. some browsers
support this:

html{background: ...}
body{background: ...}

brucie a. blackford. 04/July/2003 06:05:06 am kilo. /

Re: background image

Quoted text here. Click to load it
I should be in bed but Brucie has had me reading a php function. Anyway, I
was more worried about the width. If I merge my 200px wide orange strip with
the other image which is a nice cream textured image, I would need to make
the cream bit really wide to ensure that the combined image went right
across the screen, otherwise using repeat-y will prevent my background from
filling in the right most portion of the screen and I simply couldn't use
repeat, or the orange bit of the merged image would form another orange
strip vertically somewhere in the region of the right part of the screen. I
am worried that if my merged image is very wide, a horizontal scrollbar
would form for clients using a low resolution screen, or is this wrong, do
backgrounds never force scrolling?
Must go to bed now, but look forward to reading any replies tomorrow.

Re: background image

Backgrounds will never cause the page to scroll. If it's too large, it
will just not show completely.

Site Timeline