Div, CSS, and 100% Top to Bottom of the Page

Discussion in 'Web Design and Development' started by ZicklePop, Jul 18, 2006.

  1. ZicklePop macrumors member

    Joined:
    Mar 28, 2005
    #1
    I have a site that is pretty much like this:
    I need A and B to fill height of page from top to bottom, they are divs and I'm using CSS. When the content in A and B requires more then the height of the page I need to to go on like normal, not like a little frame. Is this even possible with divs?

    Thanks,
    ZicklePop
     
  2. zim macrumors 65816

    zim

    Joined:
    Jan 5, 2002
  3. ZicklePop thread starter macrumors member

    Joined:
    Mar 28, 2005
    #3
    Darn, so you have to fake it with an image eh? Okay thats what I was thinking of doing.
     
  4. ChrisBrightwell macrumors 68020

    ChrisBrightwell

    Joined:
    Apr 5, 2004
    Location:
    Huntsville, AL
    #4
    Did you try wrapping them in a .div and using height:100%?

    Works for me.

    Code:
    .container 
    {
      height:        100%;
      width:         700px;
    }
     
  5. ZicklePop thread starter macrumors member

    Joined:
    Mar 28, 2005
    #5
    I did do that but it didn't accomplish anything.
     
  6. Mitthrawnuruodo Moderator emeritus

    Mitthrawnuruodo

    Joined:
    Mar 10, 2004
    Location:
    Bergen, Norway

Share This Page