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
  1. #1
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Making a floated <div> reach the bottom of the page

    I'm designing a kind of template which has the following:
    background with a repeated image;
    central 'wrapper' 80% wide with white background;
    top 'banner';
    menu bar underneath the banner;
    three-column page underneath the menu using floated divs.

    The three columns have a different colour background.

    See http://mercury.tvu.ac.uk/~alan/themes/theme2.html
    The style sheet is at http://mercury.tvu.ac.uk/~alan/themes/theme2.css

    The problem is that the background on the columns doesn't reach the bottom of the page if the content is short. I've managed to get the wrapper to fill the page by using 'min-height' but this doesn't seem to work on the columns.

    Any suggestions?

    Thanks

    Alan

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Make use of faux cilumns
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Will faux columns work with a variable width wrapper?

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by arolfe View Post
    Will faux columns work with a variable width wrapper?
    fluid layout? Then you'd need to use some javascript fix to make them equal, see http://www.dynamicdrive.com/style/bl...height-script/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Tags for this Thread

    Posting Permissions

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