Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Problem: CSS 100% height

Reply
Thread Tools

Problem: CSS 100% height

 
 
Nullcode
Guest
Posts: n/a
 
      11-23-2004
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


--
Nullcode
"Suffering is a result of desire"
bnVsbGNvZGVAbnVsbGNvZGUuY29t
www.hidemyemail.net
 
Reply With Quote
 
 
 
 
Lauri Raittila
Guest
Posts: n/a
 
      11-23-2004
in alt.html, Nullcode wrote:
> 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;


--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
 
Reply With Quote
 
 
 
 
Nullcode
Guest
Posts: n/a
 
      11-24-2004
Lauri Raittila wrote:

> in alt.html, Nullcode wrote:
>
>>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

--
Nullcode
"Suffering is a result of desire"
bnVsbGNvZGVAbnVsbGNvZGUuY29t
www.hidemyemail.net
 
Reply With Quote
 
Lauri Raittila
Guest
Posts: n/a
 
      11-24-2004
in alt.html, Nullcode wrote:
> 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>

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
 
Reply With Quote
 
Nullcode
Guest
Posts: n/a
 
      11-24-2004
Lauri Raittila wrote:

> in alt.html, Nullcode wrote:
>
>>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

--
Nullcode
"Suffering is a result of desire"
bnVsbGNvZGVAbnVsbGNvZGUuY29t
www.hidemyemail.net
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Tetration (print 100^100^100^100^100^100^100^100^100^100^100^100^100^100) jononanon@googlemail.com C Programming 5 04-25-2012 08:49 PM
getting exact height of a panel with a height="100%" samer ASP .Net 3 09-28-2009 05:21 PM
Why can't I change height with <col width="50" height="100">? Bernd Meier HTML 6 01-14-2008 07:25 AM
Nested Div. Height:100%. Does more than 100% celineusa@gmail.com HTML 8 12-09-2005 08:57 AM
CSS 2 columns (1 nav + 1 content) 100% height & 100% width Not4u HTML 9 02-27-2004 10:09 AM



Advertisments