[thelist] making a div stretch to the bottom

Rob Smith rob.smith at THERMON.com
Fri Nov 15 16:46:00 CST 2002


Yeah me! This is something I too wanted to figure out and did it!

div {

	background-color: #999999;
	clip:     rect(   );
	height: 100%;
	border-style: dashed;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

This css results in a neat large gray dashed box that occupies all of the
screen...with a slight white space margin around it.

HTH!

Rob.Smith


I want to have two absolute positioned divs that have a the height
enough so that the both "reach" the bottom of the window, like so:

(this is the browser window)
+-------------------------------+
|
|
|  +------+
|  |      |   +--------+
|  | div  |   |        |
|  |      |   |  other |

[... more lines of text ....]

|  |      |   |   div  |
|  |      |   |        |          <-- both divs end in the bottom
+--+------+---+--------+--------+


is this possible ??

I have tried by setting a width of 100%. Other than that I dont know
what to try.

thanks in advance for any help




More information about the thelist mailing list