#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Location
    Munich, Germany
    Posts
    3
    Rep Power
    0

    Question Having problems with DIV height=100% (CSS, XHTML)


    Hello all,

    I am having some frustration here with some div's..

    I have a three column page with each column a div. I want all three columns to stretch to the bottom of the tallest of their neighbors. So if column three has a lot of text, I want columns one and two to hit the bottom on the canvas where column three does.

    This is not happening. I am using the CSS property height:100% but its (it being both IE and Mozilla)

    OK here is a link (see for yourself):
    http://www.reubenking.com/3cols/

    For your convenience, here is a link to the CSS file used for layout:
    http://www.reubenking.com/3cols/css/layout.css

    Really pulling my hair out trying to get this to work. I would love to do it this way, the "Web Standards" way, instead of using Tables (which would easily eliminate this stupid problem with each of these three columns being a cell on the same row).. SURELY there has to be a way to get this to work using div's!

    Thanks for any help!
    Reuben
  2. #2
  3. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1956
    The same questions seem to come in batches See this, http://www.positioniseverything.net/

IMN logo majestic logo threadwatch logo seochat tools logo