DetailsView - Works in Firefox, not in IE7

R

Ricardo Costa

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!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,904
Latest member
HealthyVisionsCBDPrice

Latest Threads

Top