Forum Moderators: open
But in IE8b it adds padding to some parts of the code. Could someone explain me, why this padding is added; or is it IE8-s fault (still being in beta status and so)
Thank you!
[edited by: tedster at 3:46 pm (utc) on Mar. 10, 2008]
[edit reason] no personal urls, please [/edit]
NOTE: the <img src="tpix.gif"/> file is a 1x1 transparent pixel GIF file to resize table-cells.
NOTE2: if you remove the DOCTYPE tag - IE8'll render correctly
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Weather App 1.0</title>
<style type="text/css">body,table,img,td,p {
border:0px;
margin:0px;
padding:0px;
}
.center_content_bg {
background:#f3f3c2;
}
.break {
background-color:#cac276;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
<tr>
<td colspan="5" class="center_content_bg"><img src="tpix.gif" alt="" height="10" width="161" /></td>
</tr>
<tr>
<td colspan="5" class="break"><img src="tpix.gif" alt="" height="1px" width="161px" /></td>
</tr>
<tr>
<td colspan="5" class="center_content_bg"><img src="wtpix.gif" alt="" height="7" width="161" /></td>
</tr>
</table>
</body>
</html>
I have been testing a number of sites and currently quite a number have some problem or another in IE8. Even simple text-indents and background positions are messing up but as a beta 1 of a new browser I won't be worrying for a few months yet.
