thangaman Posted December 3, 2010 Share Posted December 3, 2010 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 (url:http://www.dynamicdrive.com/forums/showthread.php?p=242950#post242950) for further calrity of requirementGoogled 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 demandscode 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="test.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></tbody></table></body></html> Link to comment Share on other sites More sharing options...
thescientist Posted December 3, 2010 Share Posted December 3, 2010 I would consider (most importantly) not using tables for the layout unless you are specifically trying to represent tabular data. Learn CSS and the box model to accomplish basic positioning and layout techniques. It would also be (most) advisable to de-couple the styles from the HTML, ideally in an external stylesheet, or in the head of your HTML document. Also, you (very much) consider switching over to a strict DTD. Link to comment Share on other sites More sharing options...
dsonesuk Posted December 3, 2010 Share Posted December 3, 2010 I think you will find you will have problem when the image becomes taller in firefox as well.the best solution is to use the image, OR content in data row to determine the height and have the 'My note:' row underneath, it then should be consistent in all browsers. Link to comment Share on other sites More sharing options...
thangaman Posted December 6, 2010 Author Share Posted December 6, 2010 Hi thescientist, dsonesuk,Thanks for your reply.but I need the this data table which project demands with huge data.and the "my note" is not only in one place, it will be comes in many occurrence. ie, every two rows or three rows contains my note.Kindly find the specs (url:http://www.dynamicdrive.com/forums/attachment.php?attachmentid=3669&d=1291623173) for further calrity of requirementThanksthanga Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.