Adjust columns / divs

This is a discussion on "Adjust columns / divs" within the Web Page Design section. This forum, and the thread "Adjust columns / divs are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Dec 22nd, 2006, 11:03
Junior Member
Join Date: Nov 2006
Location: London
Posts: 23
Thanks: 0
Thanked 0 Times in 0 Posts
Adjust columns / divs

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
Reply With Quote

  #2 (permalink)  
Old Dec 22nd, 2006, 12:18
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Adjust columns / divs

You need a wrapper div for this.

Code: Select all
<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.
Reply With Quote
  #3 (permalink)  
Old Dec 22nd, 2006, 13:49
Junior Member
Join Date: Nov 2006
Location: London
Posts: 23
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Adjust columns / divs

Hi,
Thank you again - that sounds easy and very straight forward. Will give it a try
Regards
Sporky
Reply With Quote
  #4 (permalink)  
Old Dec 23rd, 2006, 13:26
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Adjust columns / divs

No problem. Good luck with getting into the swing of CSS.
Reply With Quote
  #5 (permalink)  
Old Dec 23rd, 2006, 14:21
Junior Member
Join Date: Aug 2006
Location: United States
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Adjust columns / divs

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.
Reply With Quote
Reply

Tags
adjust, columns, divs, faux

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
How can I adjust my layout so... mcdanielnc89 Web Page Design 4 Nov 23rd, 2007 06:56
2 columns alexgeek Web Page Design 2 Aug 14th, 2007 23:57
3 Columns with CSS Pádraig Starting Out 8 May 31st, 2007 09:32
Three columns R8515198 Web Page Design 5 May 24th, 2007 19:16
How do I preserve the appearance and still adjust for resolution? willow82 Web Page Design 1 Oct 18th, 2006 21:10


All times are GMT. The time now is 23:15.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43