CSS height problem

Discussion in 'OT Technology' started by biawokauns, Jul 21, 2004.

  1. biawokauns

    biawokauns New Member

    Joined:
    Sep 18, 2001
    Messages:
    19,893
    Likes Received:
    0
    Location:
    Republic of Kalifornia
    PHP:
        #bottom_menu {
        
    width195px;
        
    height100%;
        
    positionabsolute;
        
    padding-left5px;
        
    padding-top5px;
        
    padding-bottom5px;
        
    background-color:#99FF00
            
    }
        
        
    #bottomcontent {
        
    width75%;
        
    height100%;
        
    position:absolute;
        
    padding5px;
        
    left200px;
        
    background-colorFFFFFF
        
    }
    when I use each of these, it seems that each column takes up like 80% of the total height. I attached a screenshot. My body tag is set so height is 100%, so that's not it.

    I have the BG colors set so you can see how everything is laid out. Both columns seem to only go about 80% of the total height, and then they both stop. The page background shows through white.

    [​IMG]
     
  2. biawokauns

    biawokauns New Member

    Joined:
    Sep 18, 2001
    Messages:
    19,893
    Likes Received:
    0
    Location:
    Republic of Kalifornia
    additionally, I removed all those DIV tags and tested with a simple bit of code, below, I typed a line of text and ONLY that line of text shows up. Even though it should span the entire 100%, I only see it spanning that one line of text I typed.

    PHP:
        #tmp{
        
    width100%;
        
    height100%;
        
    background-color:#009999
        
    }
     
  3. WERUreo

    WERUreo Imua!

    Joined:
    Oct 15, 2003
    Messages:
    566
    Likes Received:
    0
    Location:
    Daytona Beach, Florida
    I'm not sure if this could be it, but take the height attribute out of body. I would think that by default, the body of the page would take up the whole browser, but I'm not sure.

    Also, what browser are you using to view this? Have you tried it in other browsers? And is it online somewhere that we can take a look at it? There is a Web Developer Toolbar extension for Mozilla Firefox that is awesome for troubleshooting web pages.
     
  4. biawokauns

    biawokauns New Member

    Joined:
    Sep 18, 2001
    Messages:
    19,893
    Likes Received:
    0
    Location:
    Republic of Kalifornia
    Nah, that wasn't it. I hate how random CSS can be sometimes :o

    I'll check out that toolbar!
     
  5. CyberBullets

    CyberBullets I reach to the sky, and call out your name. If I c

    Joined:
    Nov 13, 2001
    Messages:
    11,865
    Likes Received:
    0
    Location:
    BC, Canada/Stockholm, Sweden
    use w3c to check ur css code out.

    its not css, its mostly the browsers fault (IE)
     
  6. WERUreo

    WERUreo Imua!

    Joined:
    Oct 15, 2003
    Messages:
    566
    Likes Received:
    0
    Location:
    Daytona Beach, Florida
    Yeah, that toolbar is awesome. You can do all kinds of stuff. There are buttons you can use to validate your HTML, CSS, etc. You can outline frames and table cells. You can even edit CSS linked style sheets and see the results of your editing in real-time. Comes in really handy.
     
  7. njmuscle

    njmuscle Original Gangsta!

    Joined:
    Mar 21, 2001
    Messages:
    3,854
    Likes Received:
    0
    Location:
    Jersey
    It might be IE. I had this problem before using height as a percentage. For some reason it only takes the height value if entered as pixels.

    Check using another browser.
     

Share This Page