I use dreamweaver to design my sites, and have been cracking my brains out trying to solve this problem. When my sites are viewed in Firefox, the table is centered, and the content is aligned left, exactly what I wanted. But when viewed in IE, both the table and content are centered? How do I solve this? Viz
<div align="center"> <table border="1" width="100"> <tr> <td> <p align="left">your writing</td> </tr> </table> </div>
<!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> <title>Untitled Document</title> <style> body{margin:0; padding:0;} .tbl{margin:0 auto; text-align:left; border:1px solid #FF0000} </style> </head> <body> <table width="770" border="0" cellspacing="0" cellpadding="0" class="tbl"> <tr> <td>Content!!!</td> </tr> </table> </body> </html> Code (markup):
Thanks to you too VVM! I'm planning on including style sheets in my site, and this will be really helpful.