- From: Manos Batsis <m.batsis@bsnet.gr>
- Date: Thu, 2 Aug 2001 12:27:41 +0300
- To: "Daniel Hiester" <alatus@earthlink.net>
- Cc: "Ian Hickson" <ian@hixie.ch>, <www-style@w3.org>
> -----Original Message-----
> From: Daniel Hiester [mailto:alatus@earthlink.net]
> >Already possible:
> >
> > body { position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
>
> I know that doesn't work in current implementation. If you
> have more text
> than can fit in the browser window, the BODY expands to fit
> the full height
> of the text. I recall reading somewhere in the spec (I
> appologize I don't
> remember where) that this is the proper behavior.
>
> The idea is that setting the height or width to "window" (or something
> similar... I'm not hung up on the exact word) makes it so
> that the root
> element does _not_ expand with the height or width of its contents.
Both you and Ian are right. Ian's way is correct and according to spec,
although current implementation in IE does not support the rule.
Actually, the body is always of {width:100%;height:100%;} in IE. In
practice, Ian's rule works perfectly in Mozilla while it *seems* to be
working perfectly in IE (I have IE6b). An interesting difference in
rendering between the two browsers occurs when you add something like
the following in Ian's code:
border:1px solid red;
IE shows the border at the inner edge of the window, while Mozilla seems
to apply margins. Weird...
Now, if we continue the test by giving some content to the body
(something that needs more than one screen to display itself, I pasted
the XPath spec) E renders it as if the body had {overflow:scroll;} while
Mozilla renders it as if the body had {overflow : visible;}, the body is
as in the previous state (with the border and "margin") and without
scrolling. The body content occupies larger space than the body itself,
yet is visible until it reaches the window inner edges.
I am more confused than two minutes ago...
Kindest regards,
Manos
Received on Thursday, 2 August 2001 05:27:39 UTC