Found the solution. Just had to use the 'min-height' property at 100%.
Thanks a bunch, guys.
funkage
Last Activity: Aug 14 '07, 09:21 AM
Joined: Jul 12 '07
Location:
-
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...Leave a comment:
-
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! -
<style type="text/css">
<!--
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #666666;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
#wrapper {
width: 100%;
padding: 0px;
margin: 0px;
}
#leftColumn {
padding: 20px;
margin:...Leave a comment:
-
Nested floats
Hello again.
So I've got this simple 2-column site. The column on the left is floated 'left'. Within the second column (which is on the right), I've got 4 layers of content stacked on top of one another. First layer floats left, middle stays in the middle, third and last one floats right.
But the last two 'floaters' float out of the second column. I tried to use a div layer to clear the floats, but it only makes it worse.... -
Ah. So, I see. Thanks a lot for the enlightenment!Leave a comment:
-
Column heights
Hello.
Is there actually a way to make a div layer fill up the entire browser? Apparently, '100%' set to the height attribute doesn't quite work.
Thanks in advance.
No activity results to display
Leave a comment: