473,326 Members | 2,133 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

Getting a DIV to cover the whole HTML page, not just the browserscreen?

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?

Jun 27 '08 #1
27 8694
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?
Simploy so _not_ define the div's height.
Its height will then be _auto_.

--
Gus

Jun 27 '08 #2
Gus Richter 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?

Simploy so _not_ define the div's height.
Its height will then be _auto_.
Sorry, it should read:

Simply do _not_ define the div's height.
Its height will then be _auto_.

--
Gus
Note to self: Do not take more than prescribed!

Jun 27 '08 #3
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.
Jun 27 '08 #4
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
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.
Sort of, but not in my Opera 9.24

* {margin: 0; padding: 0;}
div {
height: 100%;
border: 4px solid red;
}
<div>
<p>Content</p>
</div>

Also, I just mention, the vertical scrollbar comes up no matter the size
of the browser window unless you go down to about 99% for height for
many browsers.

--
dorayme
Jun 27 '08 #5
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".
--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project: http://improve-usenet.org
Blinky: http://blinkynet.net

Jun 27 '08 #6
dorayme wrote:
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
>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.

Sort of, but not in my Opera 9.24

* {margin: 0; padding: 0;}
div {
height: 100%;
border: 4px solid red;
}
<div>
<p>Content</p>
</div>
I'm misunderstanding. Are you giving this as an (erroneous) example of
doing it as I suggested but that won't work in Opera? Or are you saying
the 100% in your example is required *despite* what I said for the
requested result to occur in Opera?
Also, I just mention, the vertical scrollbar comes up no matter the size
of the browser window unless you go down to about 99% for height for
many browsers.
Jun 27 '08 #7
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.
Jun 27 '08 #8
Harlan Messinger wrote:
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.
Starting to look like a drive-by, anyway. We'll probably never know.

--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project: http://improve-usenet.org
Blinky: http://blinkynet.net

Jun 27 '08 #9
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
dorayme wrote:
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
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.
Sort of, but not in my Opera 9.24

* {margin: 0; padding: 0;}
div {
height: 100%;
border: 4px solid red;
}
<div>
<p>Content</p>
</div>

I'm misunderstanding. Are you giving this as an (erroneous) example of
doing it as I suggested but that won't work in Opera? Or are you saying
the 100% in your example is required *despite* what I said for the
requested result to occur in Opera?
Sorry. I was looking at it and must have thought, no, your suggestion is
straight out untrue for all browsers

* {margin: 0; padding: 0;}
html {border: 4px solid;}
div {border: 4px solid red;}

<div>This is not dummy for the content. This is it!</div>

and so I turned to fiddling. Noticed the 100% height having a big effect
in many browsers but none at all in my Opera. And forgot your original
remark...

Perhaps you simply meant that if a page has lots of content? I am now
thinking or realising this is what you meant. But correct me if need be.
Also, I just mention, the vertical scrollbar comes up no matter the size
of the browser window unless you go down to about 99% for height for
many browsers.
Any thoughts on this?

--
dorayme
Jun 27 '08 #10
Harlan Messinger wrote:
Blinky the Shark wrote:
>>Steve wrote:

I want the DIV to
cover the whole HTML page, but it only covers the browser screen.

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.
Sounds to me like the old 100% height of viewport or the document,
whichever is longer. Not like we haven't heard that one a million times.
Without a URL, it's all a guess, though.

--
Berg
Jun 27 '08 #11
dorayme wrote:
In article <66*************@mid.individual.net>, Harlan Messinger
<hm*******************@comcast.netwrote:
>dorayme wrote:
>>In article <66*************@mid.individual.net>, Harlan Messinger
<hm*******************@comcast.netwrote:

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.
Sort of, but not in my Opera 9.24

* {margin: 0; padding: 0;} div { height: 100%; border: 4px solid
red; } <div<p>Content</p</div>
I'm misunderstanding. Are you giving this as an (erroneous) example
of doing it as I suggested but that won't work in Opera? Or are
you saying the 100% in your example is required *despite* what I
said for the requested result to occur in Opera?

Sorry. I was looking at it and must have thought, no, your suggestion
is straight out untrue for all browsers

* {margin: 0; padding: 0;} html {border: 4px solid;} div {border: 4px
solid red;}

<div>This is not dummy for the content. This is it!</div>

and so I turned to fiddling. Noticed the 100% height having a big
effect in many browsers but none at all in my Opera. And forgot your
original remark...

Perhaps you simply meant that if a page has lots of content? I am
now thinking or realising this is what you meant. But correct me if
need be.
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 <divand </divencircle 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. But
that should be obvious, so I'm thinking the OP means something else, but
I can't figure out what, and as someone else observed, the OP appears to
be a hit-and-run anyway, so why am I wasting time on this when there are
flowers to pick and cows to tip and tourists to mislead?
>
>>Also, I just mention, the vertical scrollbar comes up no matter
the size of the browser window unless you go down to about 99%
for height for many browsers.

Any thoughts on this?
If the page is higher than the screen, um, isn't the vertical scrollbar
a good thing?
Jun 27 '08 #12
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
If the page is higher than the screen, um, isn't the vertical scrollbar
a good thing?
The issue I thought a worthy curiosity was about browsers thinking the
page was higher than the screen when the code seems to suggest
otherwise. I have snipped all quoting because nothing seems to convey
the sense of our exchange.

* {margin: 0; padding: 0;}
html {border: 4px solid;}
div {border: 4px solid red;height: 100%}

<div>This is not dummy for the content. This is it!</div>

does not look like a page that is higher than any screen I know.

--
dorayme
Jun 27 '08 #13
dorayme wrote:
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
>If the page is higher than the screen, um, isn't the vertical scrollbar
a good thing?

The issue I thought a worthy curiosity was about browsers thinking the
page was higher than the screen when the code seems to suggest
otherwise. I have snipped all quoting because nothing seems to convey
the sense of our exchange.

* {margin: 0; padding: 0;}
html {border: 4px solid;}
div {border: 4px solid red;height: 100%}

<div>This is not dummy for the content. This is it!</div>

does not look like a page that is higher than any screen I know.
I confess I wasn't really examining that particular example because I
was concentrating on the fact that it was off the trail from what I (and
I thought we) were trying to deal with for the OP's sake. Sorry. Anyway,
if you leave out the height: 100%, what happens? And what happens with
the height: 100%? And height: 99%? I'm imagining that the full height of
the whole thing has to be the DIV's height plus the height of the
borders, so more than 100%.
Jun 27 '08 #14
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
dorayme wrote:
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
If the page is higher than the screen, um, isn't the vertical scrollbar
a good thing?
The issue I thought a worthy curiosity was about browsers thinking the
page was higher than the screen when the code seems to suggest
otherwise.
I confess I wasn't really examining that particular example because I
was concentrating on the fact that it was off the trail from what I (and
I thought we) were trying to deal with for the OP's sake. Sorry. Anyway,
if you leave out the height: 100%, what happens?
Nothing interesting.
And what happens with
the height: 100%? I'm imagining that the full height of
the whole thing has to be the DIV's height plus the height of the
borders, so more than 100%.
It's ok Harlan.

I will raise some matters about this at another time. There are just
some puzzles I am having in my deep investigations into Root theory and
it may be dangerous to raise them now. Timing is everything when I have
a case on. You don't see Miss Marple or Monsieur Poirot blurting out
things at the wrong time.

What I can say, running a small but controllable risk, is this:

The HTML element is to be viewed with suspicion. It started off as a
sort of Sidereal April Fool's joke but got taken up by earthlings for
serious purposes, its origins playing up now and again and pulling Body
into its crazy gambits. These two elements have a nasty side to them
which will be fully revealed in my forthcoming book, Clockwork Elements.
A bit like the characters in a film of similar name, who dress up in
clownish attire...

(Anyone who wants to book advance copies, please send $US10)

--
dorayme
Jun 27 '08 #15
On 2008-04-18, dorayme <do************@optusnet.com.auwrote:
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
>If the page is higher than the screen, um, isn't the vertical scrollbar
a good thing?

The issue I thought a worthy curiosity was about browsers thinking the
page was higher than the screen when the code seems to suggest
otherwise. I have snipped all quoting because nothing seems to convey
the sense of our exchange.

* {margin: 0; padding: 0;}
html {border: 4px solid;}
div {border: 4px solid red;height: 100%}

<div>This is not dummy for the content. This is it!</div>

does not look like a page that is higher than any screen I know.
As Harlan said there the div's content area is 100% the height of the
html's content area. So its borders take it 8px over and so you will get
8px of vertical scroll.

I don't think there's any special root element skulduggery going on in
this example.
Jun 27 '08 #16
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
On 2008-04-18, dorayme <do************@optusnet.com.auwrote:
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
If the page is higher than the screen, um, isn't the vertical scrollbar
a good thing?
The issue I thought a worthy curiosity was about browsers thinking the
page was higher than the screen when the code seems to suggest
otherwise. I have snipped all quoting because nothing seems to convey
the sense of our exchange.

* {margin: 0; padding: 0;}
html {border: 4px solid;}
div {border: 4px solid red;height: 100%}

<div>This is not dummy for the content. This is it!</div>

does not look like a page that is higher than any screen I know.

As Harlan said there the div's content area is 100% the height of the
html's content area. So its borders take it 8px over and so you will get
8px of vertical scroll.

I don't think there's any special root element skulduggery going on in
this example.
One one level, I agree and will not dispute Harlan or you. However there
is another interesting question to do with what we might expect to be
rational relations between two shady characters, The HTML element and
The Viewport - egged on by The Canvas, in my opinion, but this is harder
to prove.

Perhaps I better not comment further on this very unsettling matter for
now. But rest assured, Ben, I will one day, when I can demonstrate to
the masses of long suffering authors, the punters, the aggrieved, the
people, that *make* the web, that they have been taken for a bit of a
ride in the selfish interests of two or three over-protected
individuals.

My agency has these individuals in its sight. The HTML element is easy
to track, the viewport is a bit of a chameleon, the Canvas mostly hides
in its infinity but I have developed techniques borrowed from planetary
astronomy, to tease some of its secrets out.

Let us leave this for now so that I can get on with my mysterious work.

--
dorayme
Jun 27 '08 #17
dorayme wrote:
The HTML element is to be viewed with suspicion. It started off as a
sort of Sidereal April Fool's joke but got taken up by earthlings for
serious purposes, its origins playing up now and again and pulling Body
into its crazy gambits. These two elements have a nasty side to them
which will be fully revealed in my forthcoming book, Clockwork Elements.
A bit like the characters in a film of similar name, who dress up in
clownish attire...
By all means, set display: block for your HEAD subelements. In Firefox
they'll actually show up.
(Anyone who wants to book advance copies, please send $US10)
Why would anyone want USD these days? The AUD is worth almost a USD now!
Jun 27 '08 #18
On Apr 17, 8:51 pm, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
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 <divand </divencircle 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

Jun 27 '08 #19
On Apr 18, 4:14 pm, Steve <tinker...@gmail.comwrote:
On Apr 17, 8:51 pm, Harlan Messinger

<hmessinger.removet...@comcast.netwrote:
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 <divand </divencircle 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.

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
Jun 27 '08 #20
Steve wrote:
On Apr 18, 4:14 pm, Steve <tinker...@gmail.comwrote:
>On Apr 17, 8:51 pm, Harlan Messinger

<hmessinger.removet...@comcast.netwrote:
>>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 <divand </divencircle 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.
Jun 27 '08 #21
On 2008-04-18, Steve <ti*******@gmail.comwrote:
On Apr 17, 8:51 pm, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
>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 <divand </divencircle 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
#lightboxBackground
{
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
}
Jun 27 '08 #22
On 2008-04-18, Harlan Messinger <hm*******************@comcast.netwrote:
Steve wrote:
[...]
>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.
I think he means the whole page with all its contents is made to sort of
disappear by covering it with a div. On top of the div is a message. The
reader's attention is drawn to the message by the fact that everything
else has suddenly disappeared.
Jun 27 '08 #23
On Apr 18, 4:56 pm, Ben C <spams...@spam.eggswrote:
I think he means the whole page with all its contents is made to sort of
disappear by covering it with a div. On top of the div is a message. The
reader's attention is drawn to the message by the fact that everything
else has suddenly disappeared.
Yes!

Jun 27 '08 #24
On Apr 18, 4:53 pm, Ben C <spams...@spam.eggswrote:
On 2008-04-18, Steve <tinker...@gmail.comwrote:
On Apr 17, 8:51 pm, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
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 <divand </divencircle 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

#lightboxBackground
{
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;

}
What about setting the height and the width?
Jun 27 '08 #25
On 2008-04-18, Steve <ti*******@gmail.comwrote:
[...]
>#lightboxBackground
{
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;

}

What about setting the height and the width?
No need if you set all four of top, right, bottom and left. This way is
better because you don't have to worry about whether percentages can be
resolved and because top/right/bottom/left take you all the way to the
padding edge.
Jun 27 '08 #26
In article <66*************@mid.individual.net>,
Harlan Messinger <hm*******************@comcast.netwrote:
dorayme wrote:
The HTML element is ...

By all means, set display: block for your HEAD subelements. In Firefox
they'll actually show up.
Not, it seems on my Mac FF (2.0.0.14. As far as I understand you. But I
am intrigued).

(Anyone who wants to book advance copies, please send $US10)

Why would anyone want USD these days? The AUD is worth almost a USD now!
I was not meaning to imply I wanted this. My experience in these matters
is that the American people are fabulously open and generous when it
comes to anything E.T. and I honour them by using their currency. Also,
it makes it *clear* what a pathetic amount I am asking for, this in
itself generates sympathy (it is not cheap putting tails on The Canvas,
HTML, BODY, my operatives cost me plenty and their equipment is
extremely high tech, the HTML camera alone takes up half my annual
budget).

--
dorayme
Jun 27 '08 #27
I have the same problem that Steve has.
I wanna do a box that appears over the whole site. (That is easy.)
The sorrounding should be a trasparent black. (A div actually.)
I solved the transparency and Ben C's example works under Firefox:
> position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
but under IE6 it doesn't work for me.
I don't wanna use javascript because of this.
I guess pure css should be enough here.

These things don't solve anything:
width: 100%;
height: 100%;

Any ideas how to do it in IE??
Jun 27 '08 #28

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: dan glenn | last post by:
hi. I want to code a 'preview' function into a guestbook entry page. I can do it with a button that posts, bringing up a whole new page showing a preview of what has been entered, and then the user...
3
by: Jason | last post by:
hello, i am new to PHP, so go easy. I am using the examples in the book: PHP: Your Visual Blueprint For Creating Open Source, Server Side Content In the section where they talk about...
303
by: mike420 | last post by:
In the context of LATEX, some Pythonista asked what the big successes of Lisp were. I think there were at least three *big* successes. a. orbitz.com web site uses Lisp for algorithms, etc. b....
37
by: ajay | last post by:
How to make a web page getting refreshed after a given time interval automatically. HTML Code plz. Tx Ajay
1
by: Danny | last post by:
I have a 90 by 40 graphic. I would like to make this a background in my table so this nice backround will cover the whole table like painting it etc. no matter how big or small I make it. Right...
6
by: hemant.singh | last post by:
Hi all, I am trying to get a way by which I'll know exactly when user goes out of my site by clicking on close button in browser, So that w/e user click close button in browser, I can send a...
2
by: rustyc | last post by:
Well, here's my first post in this forum (other than saying 'HI' over in the hi forum ;-) As I said over there: ... for a little side project at home, I'm writing a ham radio web site in...
3
by: lilOlMe | last post by:
I'm using Ajax to help make my webpage appear to be smoother. When a control has submitted, I would like to prevent any controls within that control from resubmitting until the request has...
0
by: Steve | last post by:
Hi; I was coding my first "light box" effect when I found out that the div that I was using to gray out my page only covered the screen revealed by the brower, not the whole HTML page. I got...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.