On Jan 25, 2007, at 5:26 PM, Grady Kelly wrote:

> The design is basically a 3 column layout, the first two columns  
> have fixed
> widths, and the third column is liquid, or rather, its width takes  
> up the
> rest of the window.
>
> I tried floating them in a wrapper div, and of course, I can do it,  
> but I
> cannot seem to get the third column to be liquid.  If I give it a  
> width of
> 100% it craps out on me.
>
> Am I overlooking something?

A link would be helpful.

My first thought is that the third col. would 100% of it's container  
element. it's going to have issues if it's up against the others  
inside the same wrapper.

I would think that since the first two are fixed, you should  
absolute: position them and try letting the third just occupy the  
remaining space. Applying styles to taste on the inside elements of  
the third.

Whether you float or absolute position, they will be out of the  
document flow. So, you will need to position the third equal to the  
two widths (don't forget margins and padding of the first two columns)

I would need to see the context in which you're trying accomplish  
this to see if this is a fit, though.

Here: http://bfi.blueflameinteractive.com/3_col_3rd_Slider.htm

chrispallé, interactive media designer
--------------------------------------------------------
[EMAIL PROTECTED]

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to