Hello, I am trying to design a website using tables with cellpadding-spacing attribute. However, when I apply 5px cellpadding and 5px cellspacing, total gap will not be the same for IE and firefox. IE7 (do not now about IE6) has got more space between the elements which does not look good. How can I correct the problem? Thanks a lot.
If you have still not fixed the problem, (as this thread is a few days old), You need to reset all the paddings and other things using CSS as different browsers render different elements differently. Here is one i like, taken from Here html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } Code (markup):