Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Oct 2008
    Posts
    185
    Thanks
    12
    Thanked 0 Times in 0 Posts

    RESOLVED Need Height of Sidebar to Adjust to Height of Content Wrapper

    The #content div on my help page extends past the sidebar. This extended the #contentwrapper div but the height of the sidebar (contained within the contentwrapper) did not extend as well. And the sidebar has a right border which I need to extend all the way to the bottom of the contentwrapper div. How can I get the sidebar to automatically adjust and match the overall height of the contentwrapper? I really need that border on the sidebar to stretch all the way down...

    http://americanchic.net/help.html

    And Happy Thanksgiving, everyone! I'm addicted to re-designing my website - I'm helping cook and re-designing at the same time.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,738
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Goodmorning jihanemo,

    Right now, #content's border-left: 1px solid #999; goes the full height of the page. Is that not the affect you're looking for?

    Another method would be the faux columns approach.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Oct 2008
    Posts
    185
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Thanks for replying. I removed that styling. Sorry about that - I just uploaded the page again - you'll see that the right border on the sidebar gets cut off. The method of putting a border on the left side of the #content div would work except that it seems a div height on my website expands it's height according the content it contains. I guess what I'm really looking to do is set the SIDEBAR and CONTENT divs so that their height adjusts to the overall height of the #contentwrapper container... confusing.

    http://americanchic.net/help.html

  • #4
    Regular Coder
    Join Date
    Oct 2008
    Posts
    185
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Oh, I read the "faux columns demo" That's a bit confusing for me. My brain is so foggy now. I think I get the overall idea but it seems a bit much to add to my page at this point...

    I thought that setting the heights of the sidebar and content divs to 100% would cause the sidebar and content div heights to automatically adjust to the height of their container (#contentwrapper) ... but maybe that only works if I set the a specific height to the contentwrapper... ?

  • #5
    Regular Coder
    Join Date
    Oct 2008
    Posts
    185
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Thanks for the info.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •