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 4 of 4

Thread: CSS Layout

  1. #1
    Regular Coder
    Join Date
    Jul 2004
    Posts
    158
    Thanks
    4
    Thanked 0 Times in 0 Posts

    CSS Layout

    I'm having trouble getting the footer to drop down when the right column expands.

    See http://www.businessimmigrationissues.com/site/index.php

    Any ideas what the issue is?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Using absolute positions to any main columns in a layout like this is not a good idea, since we can't clear the successor elements as we do in the case of floats. I'd recommend you to check http://bonrouge.com/2c-hf-fluid%28r%29.php, which is good 2 columns layout. You may set a fixed width to the #wrap, if required.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    keith1995 (05-10-2010)

  • #3
    Regular Coder
    Join Date
    Jul 2004
    Posts
    158
    Thanks
    4
    Thanked 0 Times in 0 Posts
    abduraooft,

    Thanks. I was able to remove the position class and update the CSS slightly and now it works correctly.

  • #4
    New to the CF scene
    Join Date
    May 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi.. I think for that problem use the min-height not give fixed height to your main div. So when you increase your column the height is automatically increase and your footer is inside. Ya and also remove position. I want to suggest one thing not use position more, If u needed then use it otherwise ignore position.


  •  

    Posting Permissions

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