Column Help

[heistero1]

In the middle part of my site (<snip>) i want to have two columns side by side. ive got the left hand column sorted but when i put stuff inside my "innerright-container" it just sticks it to the bottom.

using floats seems to make the bg disappear!

I'm really stuck here and would very much appreciate your help.
thanks in advance,
Will

[edited by: Robin_reala at 9:18 pm (utc) on May 2, 2007]
[edit reason] Removing URL as per TOS #13 [webmasterworld.com] [/edit]

[Setek]

Since I can’t see your website (it’s been removed by the mods—you can’t drop URIs like that… have a read of the Webmaster World Terms of Service [webmasterworld.com] and the CSS Forum Charter [webmasterworld.com].)

ive got the left hand column sorted but when i put stuff inside my "innerright-container" it just sticks it to the bottom.

using floats seems to make the bg disappear!

I’m guessing this is because the background colour/image is on the parent container? Elements do not acknowledge their floated children :)

What to do about it…

If this is a fixed-width website, I’d say go for the multiple floated columns, and just use a clearing

<div style="clear:both;">&nbsp;</div>

that sits below both columns to have the parent acknowledge past the children (you’ll need to add other properties to the clearing

<div>

—like

height: 1px;

and

overflow: hidden;

to try to minimise the amounts of space it takes up.)

But if this is a fluid-width website, floating a right column that’s supposed to take up all available width isn’t the best idea. One floated column should work—can you post a test case/the necessary (x)HTML and CSS relevant to the problem?