Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: 100% Height for columns

  1. #1
    Join Date
    Nov 2007
    Posts
    346
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default 100% Height for columns

    Hey, how can I make the height of my left column 100%? http://www.afesports.com/indexxxxx.php

    Thanks!

  2. #2
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    The easiest fix will be to adjust the lefcolumn div's height.

    ..Adding height:100%; on leftcolumnn div will sort this out, provided that the parent container's height has been set.
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  3. #3
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Quote Originally Posted by rangana View Post
    Adding height:100%; on leftcolumnn div will sort this out, provided that the parent container's height has been set.
    that is incorrect
    100% height only applies to the height of the content contained within the element.
    if you want equal columns look into
    http://www.alistapart.com/articles/fauxcolumns/

  4. #4
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    Quote Originally Posted by boogyman View Post
    that is incorrect
    100% height only applies to the height of the content contained within the element.
    if you want equal columns look into
    http://www.alistapart.com/articles/fauxcolumns/
    I suppose they mean the same...you cannot apply 100% on height if the container that contains it is not set!.

    I termed the container that contains it as parent
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  5. #5
    Join Date
    Nov 2007
    Posts
    346
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    OHh, umm I tried it, however it did not work. http://www.afesports.com/indexxxxx.php

  6. #6
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    It should, apparently, you did not set a container that should contain your leftcolumn div and the contents on the right.

    This is not the best way, but you could set height:610px; on leftcolumn div...and everything will be fix
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  7. #7
    Join Date
    Nov 2007
    Posts
    346
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Is there anyway it could do it automatically to the height of the content?

    Thanks!!

  8. #8
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    Like boogyman and I were telling, this could all be fix by adding height:100% provided you set the container that contains leftcolumn div.

    Has'nt adding height:610px; fix the problem?!
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  9. #9
    Join Date
    Nov 2007
    Posts
    346
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I did add the "height:100%;", but it did not work. The "height: 610px;" did work. Thanks!!

  10. #10
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    It's because you are not putting the leftcolumn div into a container together with the divs on the right.

    ...and having a specific height is not bad at all
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

Bookmarks

Posting Permissions

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