homepage Welcome to WebmasterWorld Guest from 54.234.60.133
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Table Gap (extra spacing/padding)
Zaltek




msg:4248771
 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">

to:
<!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:
[unitedautoandtruck.com...]

And after:
[unitedautoandtruck.com...]

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?

 

kaled




msg:4249808
 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.

[msdn.microsoft.com...]

Kaled.

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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved