<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/strict.dtd">
<html>
<head>
<style type="text/css">
table {
border: 0;
padding: 0;
border-collapse: collapse;
}
td {padding: 0}
</style>
</head>
<body>
<table bgcolor="gray" width="100%">
<tr>
<td bgcolor="black" height="14px">
<img src="_images/top_top_line.png" width="800px" height="14px" border="0" alt="">
</td>
</tr>
<tr>
<td height="14px">
<img src="_images/top_top_line.png" width="800px" height="14px" alt="">
</td>
</tr>
</table>
</body>
</html>
In last opera and ie8 I see: http://eta.name/timages/padding.png
If I remover DOCTYPE declaration in Opera all ok, but in ie nothing changes.
How remove padding correct?
I have simplified example: http://eta.name/padding.html There is TD problem. One pixel on top and some on bottom in cell. How to remove this?
I would approach it a different way. Instead of battling against each browser like this, use a CSS reset so you have full control over all elements and are free to style as you wish. The best I know of is Eric Mayer's http://meyerweb.com/eric/tools/css/reset/