Hello,
I'm developing an ASP.NET website with Visual Studio 2008. One page displays
a couple of DetailsView controls with some information from the data source.
I want the column on the left to be 120 px wide. The right column should
fill the available space, and the table has the width set to 80%.
The second table is displayed correctly in Firefox, but not in IE6 / IE7
(see pics below).
Firefox:
http://img166.imageshack.us/img166/8614/firefoxqu4.jpg
Internet Explorer 6 or 7:
http://img166.imageshack.us/img166/5506/ie7bi6.jpg
Here's the HTML code generated with some unimportant code from ASP.NET
removed:
<!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>
</head>
<body>
<table cellspacing="0" cellpadding="4" rules="rows" border="1"
id="ctl00_body_viewInfo"
style="color:#333333;height:50px;width:80%;border-collapse:collapse;">
<tr style="color:White;background-color:#990000;font-weight:bold;">
<td colspan="2">Character Information</td>
</tr><tr align="left"
style="color:#333333;background-color:#FFFBD6;">
<td
style="background-color:#FFFF99;font-weight:bold;width:120px;">Name:</td><td>Teste
2</td>
</tr><tr align="left" style="color:#333333;background-color:White;">
<td
style="background-color:#FFFF99;font-weight:bold;width:120px;">Sex:</td><td>Female</td>
</tr><tr align="left"
style="color:#333333;background-color:#FFFBD6;">
<td
style="background-color:#FFFF99;font-weight:bold;width:120px;">Vocation:</td><td>Becks
(Knight)</td>
</tr><tr align="left" style="color:#333333;background-color:White;">
<td
style="background-color:#FFFF99;font-weight:bold;width:120px;">Account
Type:</td><td>Free</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="4" rules="rows" border="1"
id="ctl00_body_viewInfoRev"
style="color:#333333;height:50px;width:80%;border-collapse:collapse;">
<tr style="color:White;background-color:#990000;font-weight:bold;">
<td colspan="2">Character Statistics (Brabexia Game World)</td>
</tr><tr align="left"
style="color:#333333;background-color:#FFFBD6;">
<td
style="background-color:#FFFF99;font-weight:bold;width:120px;">Level:</td><td>60</td>
</tr><tr align="left" style="color:#333333;background-color:White;">
<td
style="background-color:#FFFF99;font-weight:bold;width:120px;">Guild:</td><td>None</td>
</tr><tr align="left"
style="color:#333333;background-color:#FFFBD6;">
<td
style="background-color:#FFFF99;font-weight:bold;width:120px;">Last
Login:</td><td>Never</td>
</tr><tr align="left" style="color:#333333;background-color:White;">
<td
style="background-color:#FFFF99;font-weight:bold;width:120px;">Status:</td><td>Offline</td>
</tr>
</table>
</body>
</html>
Is it a problem with the HTML code or a bug in IE7?
Thanks anyone!
--
Ricardo Costa
Similar Threads
