In article <kik6pu$73k$
1...@dont-email.me>,
Gus Richter <
gusri...@netscape.net> wrote:
> On 3/22/2013 11:54 PM, dorayme wrote:
> > In article <kiiqne$n7a$
1...@dont-email.me>,
> > Gus Richter <
gusri...@netscape.net> wrote:
> >
> >>> <
http://commonreader.com.au/dorayme/htmlBorder.html>
> >>
> >> Try adding this to it:
> >>
> >> html,body{height:100%;}
> >
> > Why?
>
>
> To recap:
> >> html {border: 1px solid black; background: white;}
> >> body {margin: 50px; background: red;}
> >
> > That works as I'd expect it to work. It fills the whole window in
> > red, I guess is what you're getting at.
>
> No, I am not getting at this at all. On my computer, neither in
> Safari, Firefox, Opera, Chrome, iCab does the "whole window" fill in
> red. Nor even in MacIE5. Nor in Win IE8, Win IE6.
>
> ~~ comment by me ~~
> Right, it does not fill the whole window in red. The red is only inside
> the margin.
The point is not *directly* about filling inside margins. It is that
it fills the BODY element. It is a simple point, namely that the red
fills the BODY. The margin was put there by me to confine the BODY
element.
...
>
> Now you are introducing a further surprising thing, that the colour
> on BODY in the example I gave you is colouring the HTML against the
> wishes of the CSS.
>
> ~~ comment by me ~~
> I don't understand what you mean. The css states that html's background
> is white and that the body's background of red is overlayed on top of
> html. I see no surprise.
> ~~ /me ~~
>
There is no surprise about that the BODY is red and the whole viewport
is not. But you seem not to be appreciating that my comment about
surprise was in relation to Oates saying about my URL above
> > That works as I'd expect it to work.
> > It fills the whole window in red,
It does not fill the whole window in red, nor does the monitor bleed
or sprout flowers and anyone who says these things happen mildly
surprise me. I am very sensitive and jumpy, you see. I have been known
to jump up on chairs when a fly appears on the floor.
> Regarding your question as to why I suggested to try:
> html,body{height:100%;}
> This was to respond to the "whole window" fill for red question.
> Because of margins interfering, the following must be included/altered
> as well:
> body {margin:0 50px 0 50px; background:red;}
> p {margin:0;}
> and now the whole window is filled with red.
The margins are *not* interfering any more than a well tuned motor is
interfering with a car that is smoothly going at 120MPH. The whole
point of the URL above is to show that placing a border on an HTML
element does not necessarily confer a border on a BODY element. It is
a simple point.
--
dorayme