Problem: CSS 100% height

[Nullcode]

Lo all. Anyone know how get a div to span 100% of the page? NOT just the
viewable area?

At the moment Ive got a div[#wrap] floated against the right side. I use
this as a container to position 3 divs of content [#left #dead #right]
#left and #right have images in. #dead has an img with text below, a
right and left border and needs to span 100% of the generated page as
the content is variable and goes into a scroll.
Atm, with the following code, the height of #dead spans 100% of the
*viewable* page. When you scroll you see it had stopped where the status
bar kicked in. I had a quick look on google but thought Id ask in here to.


#wrap {
position: relative;
float: right;
top: 0px;
width: 512px;
height: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#left {
position: absolute;
left: 0px;
width: 163px;
height: 184px;
background: url(images/bgmiddle.gif) no-repeat;
}

#dead {
position: absolute;
left: 163px;
width: 198px;
height: 100%;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}


#right {
position: absolute;
left: 363px;
width: 149px;
height: 253px;
background: url(images/bgright.gif) no-repeat;
}






<div id="wrap"> // START CONTAINER DIV
<div id="left"></div> // IMG PLACED INSIDE LEFT OF CONTAINER


// PROBLAMATIC DIV NEEDING TO BE 100%. VARIBALE IMG WITH TEXT BELOW
// PLACED MIDDLE DIV OF CONTAINER BETWEEN #left AND #right

<div id="dead"><img src="<?= $img ?>" width="198" height="305" />
<p class="dead">
THE TEXT
</p>
</div>

<div id="right"></div> // IMG PLACED INSIDE RIGHT OF CONTAINER
</div> // CLOSE CONTAINER DIV



TIA

 

[Lauri Raittila]

Lo all. Anyone know how get a div to span 100% of the page? NOT just the
viewable area?
Sure.

At the moment Ive got a div[#wrap] floated ...

Atm, with the following code,
URL?

the height of #dead spans 100% of the
*viewable* page. When you scroll you see it had stopped where the status
bar kicked in. I had a quick look on google but thought Id ask in here to.

add some element at the btoom of your div that has clear:both;

 

[Nullcode]

Lo all. Anyone know how get a div to span 100% of the page? NOT just the
viewable area?

Sure.


At the moment Ive got a div[#wrap] floated ...

Atm, with the following code,

URL?


the height of #dead spans 100% of the
*viewable* page. When you scroll you see it had stopped where the status
bar kicked in. I had a quick look on google but thought Id ask in here to.

add some element at the btoom of your div that has clear:both;

just on the way to bed, but would that be in the div or out the div or
between the container div[#wrap] and the content div[#dead] ? thx

 

[Lauri Raittila]

Lauri Raittila wrote:

just on the way to bed, but would that be in the div or out the div or
between the container div[#wrap] and the content div[#dead] ? thx

You spell as bad as I do, so I don't really get what you mean.

address {clear:both;}

<address>webmaster@foo</address></div></body>

 

[Nullcode]

Lauri Raittila wrote:

add some element at the btoom of your div that has clear:both;

just on the way to bed, but would that be in the div or out the div or
between the container div[#wrap] and the content div[#dead] ? thx

You spell as bad as I do, so I don't really get what you mean.

address {clear:both;}

<address>webmaster@foo</address></div></body>

hehe, thx, ill give it a go in a bit