Get main wrapper to grow with window maximize?

Discussion in 'CSS' started by Superorb, Aug 1, 2006.

  1. #1
    Superorb, Aug 1, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    do
    
    html, body { height: 100%;}
    
    #main {height: 100%;}
    Code (markup):
    cheers,

    gary
     
    kk5st, Aug 1, 2006 IP
  3. Superorb

    Superorb Peon

    Messages:
    149
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Now how do I have the footer stretch with the window as well? Should I just re do everything? It took me so long to get it like this. I know it's simple, but all this css tricks and stuff I can't find in any books, so I can't learn it on my own. It's frustrating because I don't know where everyone learns the tricks. I've used them and seen them, but I don't know why they work or what they are actually doing. So when I go to make another site I'm lost again.
     
    Superorb, Aug 1, 2006 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    When you see something you like, you make up a page using what you see. With practice and study, you'll understand the inner workings. As dull as it sounds, read the specs at W3C. There's a lot there that will excite you as you become more knowledgeable.

    Check out my footer demo. That will work as the basis of the page. You'll have to apply other bits as you go, but that's what its all about. From my html & css demo page, visit the other demos. See what else you might use, and play with the ideas.

    cheers,

    gary
     
    kk5st, Aug 1, 2006 IP
  5. Superorb

    Superorb Peon

    Messages:
    149
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks Gary.
     
    Superorb, Aug 2, 2006 IP