By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,493 Members | 1,920 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,493 IT Pros & Developers. It's quick & easy.

Can I do this liquid layout in CSS?

P: n/a
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,

Jan 30 '07 #1
Share this Question
Share on Google+
3 Replies


P: n/a
In article
<11*********************@v45g2000cwv.googlegroups. com>,
"Charles A. Landemaine" <la********@gmail.comwrote:
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.

--
dorayme
Jan 30 '07 #2

P: n/a
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.

Jan 31 '07 #3

P: n/a
On 30 Jan 2007 17:47:37 -0800, "Charles A. Landemaine"
<la********@gmail.comwrote:
>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

Jan 31 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.