homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

Table Gap (extra spacing/padding)

Msg#: 4248769 posted 12:03 am on Jan 4, 2011 (gmt 0)

I recently changed my doctype from:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

as IE wasn't centering my tables using CSS with the previous doctype.
It works now, however, for some reason which I can't figure out for the life of me, now all my tables are 3-pixels taller from the bottom in all browsers.

Here is a before:

And after:

Notice how my top_menu_bar is an extra 3-pixels fatter from the bottom. Because of the doctype change I believe the cause might be that I'm using some depreciated values. Please help, what do I need to add or change to my CSS to remove that gap?



WebmasterWorld Senior Member kaled us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 4248769 posted 1:27 pm on Jan 6, 2011 (gmt 0)

By adding an url to the doctype, you are triggering Standards Mode. Without the url, the page will normally be rendered in Quirks Mode. The critical difference is the "box model". In Quirks Mode, the height/width of an object includes the margins but in Standards Mode the height and width exclude the margins.



Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved