[CSS] Floating columns: left = 100%, right = fixed width?

stevemclintock · 28 Jun 2007 at 17:58

Hi

Does anyone know of a way to do the following?

float: left; float: right;
width: 100%; width: 120px;
------------------------------------- -----------------

------------------------------------- -----------------

Basically what i'm looking for is a two column layout, by floating 2 div's and having one set to 100% and the other at a fixed width of 120px ... but it won't let me do this!, it the right column will drop below the left column because the left is set to 100%.

Does anyone know of a way to get round this?

blade007 · 28 Jun 2007 at 18:02

take the "width:100%" out of the CSS, might work

stevemclintock · 28 Jun 2007 at 19:00

blade007 said:
take the "width:100%" out of the CSS, might work

Nope, doesn't unfortunately

blade007 · 28 Jun 2007 at 22:43

how we meant to know what you're trying to do with just a couple lines?

example please

huppy · 29 Jun 2007 at 01:55

Float the right column to the right and set its width to 120px.

Don't float the left column, don't set its width (ensuring display: block) but set its margin-right to 120px.

Is that what you're explaining?