Hey, I started doing a bit of CSS, trying to convert my PSD to an HTML. I sliced it, saved as HTML and now I'm trying to center it with CSS. Here's what I have (HTML) : <body> <div id="pagewrap"> <p class="navigation"> <a href="#">Home page</a></p> <table id="Table_01" width="700" height="500" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="images/PSD_01.png" width="700" height="18" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/PSD_02.png" width="17" height="482" alt=""></td> <td> <img src="images/PSD_03.png" width="666" height="63" alt=""></td> <td rowspan="4"> <img src="images/PSD_04.png" width="17" height="482" alt=""></td> </tr> <tr> <td> <img src="images/PSD_05.png" width="666" height="368" alt=""></td> </tr> <tr> <td> <img src="images/PSD_06.gif" width="666" height="29" alt=""></td> </tr> <tr> <td> <img src="images/PSD_07.png" width="666" height="22" alt=""></td> </tr> </table> </div> Code (markup): Heres what I have in my CSS file : div#pagewrap{ margin: 0 auto } Code (markup): I appreciate you looking this far, It's probably a really stupid mistake Thanks, -Hecky.
A div is a block element and as wide as its parent. The table is its child and is as wide as it needs to be, or in this case 700px. Either give the div a width, or make the table {margin: 0 auto;}. cheers, gary