Hi there,
I have been writing something in HTML and found a strange error. In IE8 and FF the page shows fine, but in IE7 it pulls the text in closer than the opening of the frame, even though the width is set to 100%. Please see some example code below:
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" >
<head><title>
</title>
<style type="text/css">
.style1
{
width: 580px;
}
.style2
{
color: #0069BF;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
height: 17px;
}
.style3
{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
</style>
</head>
<body>
<form name="form1" method="post" action="mainnewssummary.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNDk4NjE1MTk0ZGSvlK3DnBHuweYMwEpWVyljvH0zZg==" />
</div>
<div>
<tr>
<td class="style2"><a href='./MainNews.aspx?SelectedID=6'><U>Andys Test</U></a></td>
</tr>
<tr>
<td class="style3" width="222">did it work?...</td>
</tr>
<tr>
<td class="style3"> </td>
</tr>
<tr>
<td class="style3">15/10/2009 11:59:45</td>
</tr>
<tr>
<td class="style2"><a href='./MainNews.aspx?SelectedID=7'><U>Testing</U></a></td>
</tr>
<tr>
<td class="style3" width="222">I am now testing the system as it has gone live for testing....</td>
</tr>
<tr>
<td class="style3"> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
Can anyone see why this code is being displayed differently in IE7?
Mike