Have different images on left and right side of page

[bor003]

Hi,
I wanted to know if there is a way of having and area that will extend to the left and then not be on the other side, an example is:

[img]http://farm4.static.flickr.com/3470/3922816593_950173c760.jpg[/img]
(sorry about the quick and ugly skitch drawing)

Anyone know if this can be done?

[TheDoc]

*Moved to CSS section*

Are you referring to background images? What exactly are you trying to accomplish? Be as specific as possible!

[bor003]

I wanted the main area to either be a set colour or have an image and align it to the left… Do you get what i mean?

[TheDoc]

Quote:

I wanted the main area to either be a set colour

You can have a main content area have it’s own color.

Quote:

or have an image and align it to the left…

2. I still don’t understand what this means.

[Chris Coyier]

according to the sketch… one way I’ve done the extend-to-the-left thing is to make it a graphic and set it absolutely positioned using a *right* value. So it can hang off the left of the page without causing scroll.

[bor003]

OK, thanks. I think that I get what you mean (and that is what i meant by the extended area), I’ll give it a go :)

[bor003]

Not sure if i should start a new topic for this but is there a way of doing this and having the bit on the left a div that would grow/shrink when you move the page. So a mock up like this:

<div id="head"> </div>

<div id="leftExpander"> an auto width that will grow/shrink </div>
<div id="main"></div>
<div….footer….

any ideas? I am not sure if this can be done… Also, should it be in a new thread?

[Author]

Posts