Previous Message
Next Message

3 Column fluid and equal layout

Sent by Al Sparber on 27 March 2006 18:06


From: "Kenoli Oleari" [EMAIL-REMOVED]>

> Can someone point me to some CSS code that works in IE Windows 
> (along
> with other browsers) for creating a three column fluid and equal
> height layout where columns all adjust to the same length based on
> the one with the longest content and adjust fluidly with the browser
> window in the horizontal direction?  I'd rather have real "columns"
> than the "faut" layout using background colors.

This technique is simple to deploy and allows you to style each column 
as you please:
http://www.projectseven.com/tutorials/css/pvii_columns/col3fluid.htm

It uses JavaScript to control the heights of the columns, which is 
arguably no less natural than CSS hacks :-)

> An additional question.  Is there some way to get a dive to shrink
> fluidly to a size smaller that an image in the div?

Depends. Height + overflow hidden, clipping, and max-height are all 
potential solutions. It depends on exactly the effect you are seeking.

-- 
Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".




______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Message thread: