when i was use this code in dreamweaver then it's good but when i run then diffrnt result in I.E. , firefox as we as dreamweaver <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <table width="551" border="0" cellpadding="0" height="100%"> <tr> <td width="203"><font color="908B8F" size="+1" face="Times New Roman, Times, serif"><strong>NAME..................</strong></font></td> <td colspan="2"><strong><font color="908B8F" size="+1" face="Times New Roman, Times, serif">PRICE..................</font></strong></td> <td colspan="2"><strong><font color="908B8F" size="+1" face="Times New Roman, Times, serif">DISCOUNT..............</font></strong></td> </tr> <tr> <td><ul> <li><strong><font color="7BB2C7" size="3" face="Times New Roman, Times, serif">lorem ipsum doler </font></strong></li> </ul></td> <td width="53" align="center"><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">$20</font></strong></td> <td width="67" bgcolor="F3F3F3"> </td> <td width="116"><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">10%</font></strong></td> <td width="100" bgcolor="F3F3F3"> </td> </tr> <tr> <td><ul> <li><strong><font color="7BB2C7" size="3" face="Times New Roman, Times, serif">Amet corse Adipiscin </font></strong></li> </ul></td> <td align="center"><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">$20</font></strong> </td> <td bgcolor="F3F3F3"> </td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">10%</font></strong></td> <td bgcolor="F3F3F3"> </td> </tr> <tr> <td><ul> <li><strong><font color="7BB2C7" size="3" face="Times New Roman, Times, serif">Elit Docec mol </font></strong></li> </ul></td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">$25</font></strong></td> <td bgcolor="F3F3F3"> </td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">10%</font></strong></td> <td bgcolor="F3F3F3"> </td> </tr> <tr> <td><ul> <li><strong><font color="7BB2C7" size="3" face="Times New Roman, Times, serif">Lpsum dolor </font></strong></li> </ul></td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">$35</font></strong></td> <td bgcolor="F3F3F3"> </td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">15%</font></strong></td> <td bgcolor="F3F3F3"> </td> </tr> <tr> <td><ul> <li><strong><font color="7BB2C7" size="3" face="Times New Roman, Times, serif">Sit amet Consecletur</font></strong></li> </ul></td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">$30</font></strong></td> <td bgcolor="F3F3F3"> </td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">15%</font></strong></td> <td bgcolor="F3F3F3"> </td> </tr> <tr> <td><ul> <li><strong><font color="7BB2C7" size="3" face="Times New Roman, Times, serif">Adipiscinn Integer </font></strong></li> </ul></td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">$29</font></strong></td> <td bgcolor="F3F3F3"> </td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">20%</font></strong></td> <td bgcolor="F3F3F3"> </td> </tr> <tr> <td><ul> <li><strong><font color="7BB2C7" size="3" face="Times New Roman, Times, serif">Enim vel.mi.Viames </font></strong></li> </ul></td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">$40</font></strong></td> <td bgcolor="F3F3F3"> </td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">20%</font></strong></td> <td bgcolor="F3F3F3"> </td> </tr> <tr> <td><ul> <li><strong><font color="7BB2C7" size="3" face="Times New Roman, Times, serif">Atmi Ut </font></strong></li> </ul></td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">$25</font></strong></td> <td bgcolor="F3F3F3"> </td> <td><strong><font color="#000000" size="3" face="Times New Roman, Times, serif">20%</font></strong></td> <td bgcolor="F3F3F3"> </td> </tr> <tr> <td bgcolor="F3F3F3"> </td> <td colspan="2"><font color="7BB2C7" size="+1"><strong>Next</strong></font></td> <td colspan="2" bgcolor="F3F3F3"> </td> </tr> </table> </body> </html> Code (markup):
i will add this code in dreamwever then i see result in firefox and I.e. The result is totally different. u can also see in dremvever design mode it's diff. then I.e. privew and firefox preview
I simplified your code a bit and validated it. Your main problem was most likely was your widths didn't add up to the 551px your table was set too. Secondly you need to use styles not inline code. If you use the style to set a height for your tds and ths which I didn't do it should look pretty much the same in any browser. Thanks, David <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> table.products {font-family: Times New Roman, Times, serif; width: 551px;} table.products th { font-size: 16px; text-align: left; color: 908B8F;} table.products td {font-size: 16px; font-weight: bold;} table.products ul {color: #7BB2C7; list-style: none; margin-left: 0; padding-left:0;} table.products td.name {width: 203px;} table.products td.price {width: 84px; text-align: center;} table.products td.price_spacer {width: 84px; background: #F3F3F3;} table.products td.discount {width: 84px; text-align: center;} table.products td.discount_spacer {width: 84px; background: #F3F3F3;} table.products td.next {background: #F3F3F3; text-align: center; font-weight: bold;} </style> </head> <body> <table width="551" cellpadding="0" cellspacing="0" class="products"> <tr> <th class="name">NAME..................</th> <th colspan="2">PRICE..................</th> <th colspan="2">DISCOUNT..............</th> </tr> <tr> <td><ul><li>lorem ipsum doler</li></ul></td> <td class="price">$20</td> <td class="price_spacer"> </td> <td class="discount">10%</td> <td class="discount_spacer"> </td> </tr> <tr> <td><ul><li>Amet corse Adipiscin</li></ul></td> <td class="price">$20</td> <td class="price_spacer"> </td> <td class="discount">10%</td> <td class="discount_spacer"> </td> </tr> <tr> <td><ul><li>Elit Docec mol</li></ul></td> <td class="price">$25</td> <td class="price_spacer"> </td> <td class="discount">10%</td> <td class="discount_spacer"> </td> </tr> <tr> <td><ul><li>Lpsum dolor</li></ul></td> <td class="price">$35</td> <td class="price_spacer"> </td> <td class="discount">15%</td> <td class="discount_spacer"> </td> </tr> <tr> <td><ul><li>Sit amet Consecletur</li> </ul></td> <td class="price">$30</td> <td class="price_spacer"> </td> <td class="discount">15%</td> <td class="discount_spacer"> </td> </tr> <tr> <td><ul><li>Adipiscinn Integer</li></ul></td> <td class="price">$29</td> <td class="price_spacer"> </td> <td class="discount">20%</td> <td class="discount_spacer"> </td> </tr> <tr> <td><ul><li>Enim vel.mi.Viames </li></ul></td> <td class="price">$40</td> <td class="price_spacer"> </td> <td class="discount">20%</td> <td class="discount_spacer"> </td> </tr> <tr> <td><ul><li>Atmi Ut</li></ul></td> <td class="price">$25</td> <td class="price_spacer"> </td> <td class="discount">20%</td> <td class="discount_spacer"> </td> </tr> <tr> <td colspan="5" class="next">Next</td> </tr> </table> </body> </html> Code (markup):