Prev: How do I get and set an attribute of a CSS class
Next: Three Columns Layout
From: Harlan Messinger on 16 Apr 2008 15:05
Steve wrote:
> My apologies if this is a duplicate post, I can't find the earlier
> version of my question.
>
> I have a DIV that uses a CSS class defined at the thtop of an HTML
> page. The height and width of the class are set to 100%. I want the
> DIV to cover the whole HTML page, but it only covers the browser
> screen. How can I make it cover the whole HTML page?
>

If this DIV sits directly inside the BODY and everything else sits
inside it, it WILL cover the whole HTML page, without you needing to set
the height at all.
From: Harlan Messinger on 17 Apr 2008 11:17
Blinky the Shark wrote:
> Harlan Messinger wrote:
>
>> Steve wrote:
>>> My apologies if this is a duplicate post, I can't find the earlier
>>> version of my question.
>>>
>>> I have a DIV that uses a CSS class defined at the thtop of an HTML page.
>>> The height and width of the class are set to 100%. I want the DIV to
>>> cover the whole HTML page, but it only covers the browser screen. How
>>> can I make it cover the whole HTML page?
>>>
>>>
>> If this DIV sits directly inside the BODY and everything else sits inside
>> it, it WILL cover the whole HTML page, without you needing to set the
>> height at all.
>
> I'm not even sure what's meant by "it only covers the browser screen".
>
>

The only thing I could imagine is that he's trying to surround the
contents with a border or background. But in that case he could just
apply the styles to the BODY.
From: Harlan Messinger on 18 Apr 2008 16:28
Steve wrote:
> On Apr 18, 4:14 pm, Steve <tinker...(a)gmail.com> wrote:
>> On Apr 17, 8:51 pm, Harlan Messinger
>>
>> <hmessinger.removet...(a)comcast.net> wrote:
>>> Breathe, have some coffee, then refer to the OP. The core of his
>>> question: "The height and width of the class are set to 100%. I want
>>> the DIV to cover the whole HTML page, but it only covers the browser
>>> screen." Assuming the <div> and </div> encircle the entire contents of
>>> the body, the way to have the DIV "cover" the whole HTML page, in the
>>> sense I understand "cover" to have", is NOT to set the DIV's height.
>> I'm the original poster. The DIV that I want to cover the whole HTML
>> page instead of just the browser screen does NOT encircle the entire
>> HTML page. It is an empty div at the bottom:
>>
>> <div id = "lightboxBackground"></div>
>>
>> How would I get that to cover the whole page, without javascript and
>> just CSS? I got the effect I want, but I would love to be able to do
>> it with just CSS and in the same way for FF, IE, Safari & Opera
>
> Oh. I'm using the div as an overlay rather then changing the style of
> the body because I like how the div blocks access to the page.

Huh? How does an empty DIV at the bottom of the page block access to the
page?

> I am using this div as an "underlay" to a "pop in box", a div that is
> made visible to display a message, like a pop in box

Sorry, I have no idea what you mean by "pop in box" or what an underlay
to such a box would be.
 | 
Pages: 1
Prev: How do I get and set an attribute of a CSS class
Next: Three Columns Layout