PDA

View Full Version : Problem with Fix layout



thesti
Jun 23rd, 2010, 03: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
Jun 23rd, 2010, 03: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
Jun 23rd, 2010, 11: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
Jun 23rd, 2010, 03: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
Jun 23rd, 2010, 04: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
Jun 24th, 2010, 08:56 AM
Thank you for the script