...

View Full Version : XHTML/CSS 2 Column Fluid Layout



ttttt
10-26-2006, 09:47 AM
Hello, I've been working on updating my site, as it doesn't have the functionality that I want it to have. Well, I decided on having a two column fluid layout, one column for the menu, one for the content. So, I started making it, and I've come across a problem. The best way for me to describe it is to say that the problem is with the heights of the columns, as if one gets bigger than the other one, the other one doesn't adapt to the same height. I have temporarily uploaded it to here:
http://versa-soft.com/dev
And the CSS is here:
http://versa-soft.com/dev/style.css
Thanks for any help!

mark87
10-26-2006, 11:41 AM
Without Javascript you won't get elements to display the same height as eachother.

You can fake it with Faux Columns (http://alistapart.com/articles/fauxcolumns/).

ttttt
10-26-2006, 12:14 PM
Thanks for the reply!
How exactly would I do it with javascript then?
Thanks again,

mark87
10-26-2006, 12:17 PM
Take a look at http://www.paulbellows.com/getsmart/balance_columns/ :)

ttttt
10-26-2006, 12:32 PM
Thanks,
But if you need js, how does this site do it?
http://riseofthetechnophobe.co.uk

_Aerospace_Eng_
10-26-2006, 02:42 PM
That site just uses a background color in the #container div.

ttttt
10-26-2006, 03:04 PM
Thanks, I think I understand, but I also thought I had made the container white.
I just can't get it to work.
Thanks,

_Aerospace_Eng_
10-26-2006, 03:08 PM
You are right you did do that but you didn't clear your floats. Its not right to take someone elses design.

http://www.positioniseverything.net/easyclearing.html

ttttt
10-26-2006, 03:55 PM
Thanks very much for that link, but I don't understand what you mean by saying taking someone elses design.
Thanks again,



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum