HTML/CSS Getting that relative table to 0, 0
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Test Page</title>
<style type="text/css">
body {
background: #ff00ff;
color: #000000;
margin: 0px;
border: 0px;
padding: 0px;
text-align: center;
}
</style>
</head>
<body>
<table style="width: 100%; padding: 0px; margin: 0px;">
<tr style="padding: 0px; margin: 0px;">
<td style="color: white; background-color: black; margin: 0px; border: 0px;">Foo</td>
</tr>
</table>
</body>
</html>
No matter how hard I try, there is still an ugly pink line around the edge of that little black box. Regardless of which browser I use. The problem is, I've seen this solved without absolute positioning. But the page it was one is a jumble of CSS and deprecated attributes, so I don't know which one is actually achieving the results.