help with divs

**Francisco Dias** · 12-20-2007, 09:51 AM

Hi there, can someone help me out, I'm trying to make a div that goes from top to bottom of the page it starts on the very top and ends at the very bottom (I think it can be archieved with absolute positioning, but is it going to mess with my alignment? since it is centered in the page)

Example:

Code:

 _____________
|   |     |   |
|   |     |   |
|   |     |   |
|   | DIV |   |
|   |     |   |
|   |     |   |
|___|_____|___|

Thank you in advance

**jscheuer1** · 12-20-2007, 05:18 PM

Absolute positioning is generally a bad idea for such a major page element. In quirksmode you can set an element's height to 100% and it will fill the window:

Code:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
text-align:center;
margin:0;
padding:0;
}
#main {
width:85%;
height:100%;
background-color:gray;
margin:0 auto;
}
</style>
</head>
<body>
<div id="main"></div>
</body>
</html>

But in standards mode (same basic code as above with a valid URL DOCTYPE) you cannot. It will only be as high as the content within it.

Thread: help with divs

Thread Tools

Search Thread

help with divs

Bookmarks

Bookmarks

Posting Permissions