Adjust columns / divs

Sporky · December 22nd, 2006, 07:03 AM

Hi,
I have another query. I am working on a site with two columns (divs). The one is for the navigation and the other one is the content.
I can not figure out how I can make the navigation div adjust to the height of the contents div.

I tried Javascript, but that does not work and I tried to find answers in tutorials but can not find a solution.

Can anyone help?

Thanks and merry Christmas

Sporky

Ryan Fait · December 22nd, 2006, 08:18 AM

You need a wrapper div for this.

Code:

<div class="wrapper">
    <div class="side">
        <p>Links</p>
    </div>
    <div class="content">
        <p>Content</p>
    </div>
</div>

Make the wrapper have the background you want for the side bar. Float the side bar to the left and the content to the right. Make the content div have the background you'd like and voila, instant pseudo columns.

Sporky · December 22nd, 2006, 09:49 AM

Hi,
Thank you again - that sounds easy and very straight forward. Will give it a try

Regards
Sporky

Ryan Fait · December 23rd, 2006, 09:26 AM

No problem. Good luck with getting into the swing of CSS.

webrodie · December 23rd, 2006, 10:21 AM

Let us know if it works. If it doesn't, post the code you are working with so we can look at it. What ryan posted earlier should work though.