I sent this to the WebDesign-L list a few days ago but got no response. Any
help would be appreciated.
---------------------------------------------------
Notes: This is unrelated to the line-height gaps in Mozilla's standards mode
and I'm not referring to the vertical-align property in CSS.
I have noticed that valid doctypes (with the full URL) can negatively affect
CSS height (and vertical centering in MacIE5)... Has anyone noticed this
before and do you know if there is a way to maintain a valid HTML/XHTML
doctype without sacrificing visual control?
Included some examples:
Height: (tested on Win IE6 and Win Moz 1.3)
Working example:
http://www.cookiecrook.com/bugtests/height.htm
Non-working copy (same except added valid doctype):
http://www.cookiecrook.com/bugtests/height_doctype.htm
Vertical Centering:
Example originally from:
http://www.wpdfd.com/editorial/thebox/deadcentre3.html
Direct copy here:
http://www.cookiecrook.com/bugtests/deadcentre3.htm
Copy with valid DTD here (breaks in Mac IE5):
http://www.cookiecrook.com/bugtests/deadcentre3_doctype.htm
Thanks,
James Craig