...

View Full Version : Problem with Fix layout



thesti
06-23-2010, 02:12 AM
hello,

I have this problem with fixed size layout.

My layout is 2 column divs. Each is set with min-height and height:auto !important.

The problem is that, each div is independent one of another. When the content in one div is longer than the other, the result is one div is longer than the other. This can happen because of the dynamic content, some news is longer and need more space.

I've been setting the maximum word of the news so that the space that it needs is always the same.

Have other experience this kind of problem? what do you usually do about it?


Thank you.

Candan
06-23-2010, 02:25 AM
Not sure if this will work.

Try setting up a wrapper div around both columns, set both columns to height:100%;
Then on the wrapper div specify a min-height and height:auto !important;

--
Tested myself
Did not work.
--

abduraooft
06-23-2010, 10:13 AM
Have other experience this kind of problem? what do you usually do about it? You'd need to use faux columns (http://www.alistapart.com/articles/fauxcolumns/)

thesti
06-23-2010, 02:18 PM
hello,

Thanks for the information.

faux columns, interesting. i still have to learn about it. can i do it without using the background image trick?

Thank you

abduraooft
06-23-2010, 03:09 PM
can i do it without using the background image trick? Then you'd need to rely on some javascript. See http://www.dynamicdrive.com/style/blog/entry/css-equal-columns-height-script/

thesti
06-24-2010, 07:56 AM
Thank you for the script



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum