Heights

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • funkage
    New Member
    • Jul 2007
    • 7

    Heights

    Hello.

    So I've been having trouble with the height property of my layers in my site. I'm trying to get the layers to fill up the entire browser. I've used the 'height: 100%' property, but to no avail.

    testlabrat.diar yland.com

    Looks fine in Firefox 2.0.0.6 on my MacBook OSX 10.4.10, except for the problem mentioned above, that is.

    Thanks in advance!
  • Death Slaught
    Top Contributor
    • Aug 2007
    • 1137

    #2
    Originally posted by funkage
    Hello.

    So I've been having trouble with the height property of my layers in my site. I'm trying to get the layers to fill up the entire browser. I've used the 'height: 100%' property, but to no avail.

    testlabrat.diar yland.com

    Looks fine in Firefox 2.0.0.6 on my MacBook OSX 10.4.10, except for the problem mentioned above, that is.

    Thanks in advance!

    what is it exactly your wanting it to do? do you want the image to cover the entire page or the background color to? or both? try to be a little more specific if you can.

    Comment

    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434

      #3
      Part of the confusion is there is no such thing as 'layers'. Do you mean <div> elements? Do you mean z-indexed elements?

      Comment

      • funkage
        New Member
        • Jul 2007
        • 7

        #4
        I'm sorry.

        Yes, I meant the <div> elements. What I'm trying to achieve is for the black <div> to cover the entire height of the browser. As you can see in the site, the inner elements 'spill' out of the black <div> on the right.

        Everything looks fine when my text doesn't exceed the height of my browser, but when it does, everything falls out of the black <div> element.

        Does this help?

        Comment

        • funkage
          New Member
          • Jul 2007
          • 7

          #5
          Found the solution. Just had to use the 'min-height' property at 100%.

          Thanks a bunch, guys.

          Comment

          Working...