4 replies [Last post]
silasl
Offline
newbie
Last seen: 13 years 8 weeks ago
Joined: 2007-07-24
Posts: 3
Points: 0

Hi all,

I've been scouring Google all morning for an answer to this but can't find anything.

I want to make a 3 column layout comprising of a fluid left and right section and a fixed width middle section. The reason for this is because i want to use two different positioned background images in the left and right sections that will dissapear rather than create horizontal scroll bars when the window is resized.

I hope i've explained that adequately, can anyone help?

Cheers,

Silas

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 29 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

sounds like a 1 column

sounds like a 1 column design to me - with background image(Drunk

silasl
Offline
newbie
Last seen: 13 years 8 weeks ago
Joined: 2007-07-24
Posts: 3
Points: 0

wolfcry911 wrote:sounds like

wolfcry911 wrote:
sounds like a 1 column design to me - with background image(Drunk

But can you add multiple background images to the same div and position them precisely?

Triumph (not verified)
Anonymous's picture
Guru

silasl wrote:wolfcry911

silasl wrote:
wolfcry911 wrote:
sounds like a 1 column design to me - with background image(Drunk
But can you add multiple background images to the same div and position them precisely?

Until CSS3 is fully supported you can only put one background image on any certain element. Of course there are ways around it but I really don't know what you are trying to do. Show us what you are looking to do and then perhaps we can suggest a solution.

Don't use side columns just to take up space. Only use them if they are going to contain some content. Background images are not content.

silasl
Offline
newbie
Last seen: 13 years 8 weeks ago
Joined: 2007-07-24
Posts: 3
Points: 0

Visual

Here's a visual of what i want to do:

http://www.siland.co.uk/downloads/example.jpg

I want the two flanking images to dissapear if the window is sized down rather than add to the physical width of the site.

This is the only way i could think to do it...