Hi guys, When I change the cellpadding="10" to another number the whole webpage shifts right. Not sure why this is happening? any suggestions appreciated. website is http://www.f1driverssecrets.com/experiment.html <div id="wrapper"> <table width="700" height="6275" border="1" cellpadding="10" cellspacing="10"> <tr> <td height="245" bgcolor="#000000"><img src="car1.jpg" width="805" height="205" alt="F1 Drivers Secrets" /> </td> </tr> <tr> <td height="5998" bgcolor="#FFFFFF"> Thank you!!
It has to do with the width of your banner at the top of the page. Either make the banner width less than 700px or change your wrapper width to match your banner (and table for that matter). instead of this: #wrapper { margin-left: auto; margin-right:auto; text-align:left; width: 700px; color: #000; try this: #wrapper { margin-left: auto; margin-right:auto; text-align:left; width: 810px; color: #000;
++ to center more gooder in ie, try changing your font align to center, the put another div inside that div, same size, etc, but with font align (whatever it should be) ie misinterprets the font-align value. It will look fine on load, but when you zoom, there's a big diff btwn ie and ff or chrome, etc. and yeah, header img would be it... more divs, less tables! ;D
Guys thanks for the feedback. quite a messy page that needs fixing up... cant wait until my kowledge of html, CSS and dreamweaver gets loads better!!
You should really start learning how to create sites using divs rather than tables, otherwise you'll get used to using tables, and div layouts are much more web friendly than table layouts.