Hi!
I noticed that for the following code:
<!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" xml:lang="sl" lang="sl">
<head>
<title>Test</title>
</head>
<body>
<table width="100" border="0" cellspacing="0" cellpadding="0"
style="padding: 0px; border-collapse: separate;">
<tr>
<td style="width: 100px; height: 30px; border: 1px solid
#000000;">Test.</td>
</tr>
</table>
</body>
</html>
IE 6 and Mozilla 1.7.3 render differently. Mozilla counts border
into height (so that content space height is 28px) and IE does not (it
draws border around 30px height content space). I thought - IE is wrong.
But is it?
From http://www.w3.org/TR/REC-CSS2/images/tbl-spacing.gif it is clearly
visible that border is not counted into cell width (so it is probably
the same with height).
So what is correct by standards?
And is there a way around this difference in rendering?
Mike