Forum Moderators: open
<body>
<table cellpadding='0' cellspacing='0' style='border : solid #DE6C27 3px;
width: 90%;
border-top: 0px;
font-size: 100%;
background-color: white;
color: #484e5f;
font-weight: bold;
margin-left: 5%;
margin-right: 5%;
padding:0px;
line-height:1.1;
overflow: hidden;'>
<tbody><tr>
<td>
<br>
<div id="txtHint10" style="line-height:1.1;font-size: 100%;font-weight: 900;border: Solid 1px #DE6C27;margin-left: 10%; margin-right: 10%; padding: 0px 0px 0px 0px;">
<table cellpadding='1' cellspacing='0' class='small'>
<tr class = 'head'>
<td>
<b>Company
</td>
<td>
<b>Date
</td>
<td>
<b>Qty
</td>
<td>
<b>Transaction Value
</td>
<td>
<b>Brokerage
</td>
<td>
<b>Pmt Amt
</td>
<td>
<b>Closing Price
</td></tr><tr bgcolor='#F3EFE5'>
<td>
ACE FINANCE COMPANY LTD
</td>
<td>
August 31, 2007
</td>
<td>
12.00
</td>
<td>
5640.00
</td>
<td>
56.40
</td>
<td>
5696.40
</td>
<td>
470.00
</td>
</table>
</div>
Here is how table class small has been defined :
table.small {
color:Black;
border-bottom: 1px Solid #DE6C27;
width:100%;
padding: 0px 0px 0px 0px;
font-size: 12px;}
And I think this is the catch : width:100% because when i remove width 100%, in both the browsers the table is displayed similarly. But i want the width of the table to be 100%. What should I do?
Are you using a valid DOCTYPE?
Just a minor note, you should keep all your CSS values lowercase:
eg.
color:Black;
border-bottom: 1px Solid #DE6C27;
