Table cell height issue when Rowspan in IE 7,8
Hi,
I'm facing an issue in data table where I need to show informative msg.
I have 5columns.
2nd columns has rowspan for Image display and the image size may differ.
whenever the bigger size image comes the issue starts. Instead of getting the speicified height(25px) of td, its get 50% automaticallay, unable to control in IE.
The issue with IE browser is "My note" td does not strict to the specified height.
But it works fine in Firefox.
I need the ouput like firefox behaviour. KIndly find the specs attached for further calrity of requirement
Googled more than 10hrs but could not solultion so far.
Looking help from experts to resolve the issue.
Note: the design for data table so table design required, and DTD should be loose.dtd as per the project demands
code snippets:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head></head><body id="body">
<table cellspacing="0" cellpadding="0" border="1" style="border-collapse:collapse">
<thead>
<tr>
<th><input type="checkbox" style="margin-top:0; margin-bottom:0"></th>
<th>Data</th>
<th>Record number</th>
<th>Buyer email / ID</th>
<td>Content</td>
</tr></thead>
<tbody>
<tr>
<td><input type="checkbox" style="margin-top:0; margin-bottom:0"></td>
<td>Data</td>
<td style="padding:0 0 0 5px;">545</td>
<td>chasmall (23) Contact member</td>
<td>chasmall (23) Contact member</td>
</tr>
<tr>
<td> </td>
<td rowspan="2"><img src="http://thumbs2.ebaystatic.com/m/muHN3ACHbwA8xiyB6keOD0A/140.jpg" height="200" width="200"></td><td style="padding:0 0 0 5px;">545</td><td>110001913282 Chunk Mangone Quarlet Orchestra Tracking number:[Add]</td><td>[Add]</td></tr>
<tr>
<td style="padding-top: 0; padding-bottom: 0;font-size:0;height:25px;"> </td>
<td style="color: #fff; vertical-align: middle; padding:0 0 0 5px;height:25px;font-size:0;border:1px solid #ccc" colspan="3"><div style="background:#000;font-size:small;padding:7px;margin:0;"><b>My note:</b> Ending fast, need to get more in stock.</div></td>
</tr>
<tr>
<td> </td>
<td rowspan="2">abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
</td><td> </td><td>110001913282 Chunk Mangone Quarlet Orchestra Tracking number:[Add]</td><td>[Add]</td></tr>
<tr>
<td style="padding-top: 0; padding-bottom: 0;font-size:0;height:25px;"> </td>
<td style="color: #fff; vertical-align: middle; padding:0 0 0 5px;height:25px;font-size:0;border:1px solid #ccc" colspan="3"><div style="background:#000;font-size:small;padding:7px;margin:0;"><b>My note:</b> Ending fast, need to get more in stock.</div></td>
</tr>
<tr>
<td> </td>
<td rowspan="2">abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
abc<br/>
</td><td> </td><td>110001913282 Chunk Mangone Quarlet Orchestra Tracking number:[Add]</td><td>[Add]</td></tr>
<tr>
<td style="padding-top: 0; padding-bottom: 0;font-size:0;height:25px;"> </td>
<td style="color: #fff; vertical-align: middle; padding:0 0 0 5px;height:25px;font-size:0;border:1px solid #ccc" colspan="3"><div style="background:#000;font-size:small;padding:7px;margin:0;"><b>My note:</b> Ending fast, need to get more in stock.</div></td>
</tr>
</tbody>
</table>
</body>
</html>
CSS Codes
Reply With Quote
Bookmarks