Mozilla 100% body width and height

[TheDust]

It seems that when I set the width and the height of the BODY tag to 100%, Mozilla adds some extra padding no matter what to the screen, so that you still have extra room to scroll right and down. Why am I using a 100% width and height on the body? It's the best way I've found to get an absolutely centered design. Here's my test example:

http://livingdred.com/test.htm

Any ideas how I can eliminate the extra space that Mozilla inserts?

 

[cLFlaVA]

A height of 100% is not valid XHTML 1.0. I recommend you add a complete doctype to your webpage and then run it through the validator.

*cLFlaVA
----------------------------
"Holy crip he's a crapple!

 

[tgreer]

Absolute centering, put page contents in a <div>, with style:

position:relative;
margin: 0 auto;





Thomas D. Greer

http://www.tgreer.com

Providing PostScript & PDF
Training, Development & Consulting

 

[TheDust]

tgreer - I tried your advice, but it doesn't seem to work. I have placed everything in a DIV with the style attribute set to "position:relative; margin:0 auto" and I have no size attributes assigned to the HTML or BODY tags:

http://livingdred.com/testindex2.htm

I haven't found any working way of absolutely centering a layout than I've done so far where Mozilla is giving me the extra margins:

http://livingdred.com/testindex.htm

If anyone has any advice, let me know! Thanks!

 

[tgreer]

You don't have a proper DocType.

Thomas D. Greer

http://www.tgreer.com

Providing PostScript & PDF
Training, Development & Consulting

 

[TheDust]

I tried every single DOCTYPE mentioned on A List Apart (

http://www.alistapart.com/articles/doctype/)

and wrapping my content in a DIV with "position:relative; margin: 0 auto" still is not working:

http://livingdred.com/testindex2.htm

Maybe there is no solution to this problem? I can't figure out any other way to absolutely center.

 

[tgreer]

My site absolutely centers on FireFox and IE 6.0. You can view it's source for examples. If you go to the Articles page, there are links to change to various styles.



Thomas D. Greer

http://www.tgreer.com

Providing PostScript & PDF
Training, Development & Consulting