Can I do this liquid layout in CSS?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Charles A. Landemaine - 30 Jan 2007 13:12 GMT

I have struggles to do this in CSS this morning, but I wasn't able to
have it to work in most browsers. Here's basically what I want to do
in CSS: http://auriance.com/docs/tmp/Untitled-3.html
I want to be able to add content to the 3 panes. Any idea?
Thanks,

Reply to this Message

dorayme - 30 Jan 2007 23:14 GMT

In article
<1170162747.919313.45290@v45g2000cwv.googlegroups.com>,

> I have struggles to do this in CSS this morning, but I wasn't able to
> have it to work in most browsers. Here's basically what I want to do
> in CSS: http://auriance.com/docs/tmp/Untitled-3.html
> I want to be able to add content to the 3 panes. Any idea?
> Thanks,

May I suggest you look at a left float with a width (in ems or px
or % depending on your content and other requirements), a right
float ditto and have the content expand and contract with the
browser window. Give no width to this content but do give a left
and right margin to match the widths of the left and right floats.

Signature

dorayme

Reply to this Message

Charles A. Landemaine - 31 Jan 2007 01:47 GMT

Thanks, problem is that I want the center div to be adjusted to the
exact width of a Flash animation, and I want the content centered.

Reply to this Message

Brendan Gillatt - 31 Jan 2007 23:00 GMT

>Thanks, problem is that I want the center div to be adjusted to the
>exact width of a Flash animation, and I want the content centered.

You could set up the center div to the width of your flash and set
margin: auto;. This would center the div. If you then added two more
divs to the left and right you've got waht you want!

Brendan

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / January 2007

Can I do this liquid layout in CSS?