ansaurus

Question

Can we use <body> in place of #container div ?

Answer 1

+4 A:

Your example answers your question! Body is a block element like any other. It has width, height, padding, margin and border properties.

Note that it is essential that the page is rendered in strict, rather than quirks, mode to be able to treat the body element as a block-level element; otherwise it is treated as the documentElement and all bets are off. – NickFitz

Then can we use body in place of #container div? – Jitendra

Nice theory. Shame about Microsoft. – David Dorward
@Jitendra: you can, but be thorough with your cross-browser testing, particularly when it comes to scrolling :-) – NickFitz

What is the difference between viewport and body? – Jitendra

the viewport is the visible area of the browser window which displays the document. The body is an element in the document. In quirks mode, the body will also be treated as the documentElement: that is, the root node of the document, which will fill the window, and if necessary will be able to be scrolled. In strict mode, the html element will be treated as the documentElement, and the body will be a child of that. As an experiment, change your test page by adding the style rule html { background-color: #00f; } - you will see that the html element contains the `body' – NickFitz

deau 2009-11-10 17:24:55

then can we use body in place of #container div?

metal-gear-solid 2009-11-10 17:25:58

Nice theory. Shame about Microsoft.

David Dorward 2009-11-10 17:28:44

Note that it is essential that the page is rendered in strict, rather than quirks, mode to be able to treat the `body` element as a block-level element; otherwise it is treated as the `documentElement` and all bets are off.

NickFitz 2009-11-10 18:02:55

What is the difference between viewport and body?

metal-gear-solid 2009-11-10 18:09:14

@NickFitz thx I didn't know that!

deau 2009-11-10 18:14:03

@Jitendra: the viewport is the visible area of the browser window which displays the document. The `body` is an element in the document. In quirks mode, the `body` will also be treated as the `documentElement`: that is, the root node of the document, which will fill the window, and if necessary will be able to be scrolled. In strict mode, the `html` element will be treated as the `documentElement`, and the `body` will be a child of that. As an experiment, change your test page by adding the style rule `html { background-color: #00f; }` - you will see that the `html` element contains the `body'

NickFitz 2009-11-10 18:26:02

@NickFitz thx for clarification. i updated my sample page. then in xhtml strict html is documentElement so can we use body as container in place of #container div

metal-gear-solid 2009-11-10 18:34:47

@Jitendra: you can, but be thorough with your cross-browser testing, particularly when it comes to scrolling :-)

NickFitz 2009-11-10 18:43:28

@NickFitz you mean in xhtml strict div and body are same in beh?aviour

metal-gear-solid 2009-11-10 18:55:07

I found more knowledge from here http://www.sitepoint.com/blogs/2009/02/11/styling-the-html-and-body-elements/

metal-gear-solid 2009-11-12 06:02:30

ansaurus

tags:

views:

answers:

Can we use <body> in place of #container div ?

related questions