Hello, I am having some issues with CSS, in firefox and IE. Firstly... You will see there is an image at the top of the main content table, it is a kind of green tab with a background of a few shrubs, and an insect. In firefox, there is a small margin at each end, however, in IE, there isn't. http://www.insectstore.com/index.php Also, you will see the "contact" tab at the top. In firefox, this is aligned with the right edge of the table, however in IE, there is a gap at the end. Anyone know how I can overcome these 2 problems? Thanks in advance!
I only see the margin to the right in firefox, not to the left. I believe that the problem may be caused by the fact that IE and Firefox use different default margins and padding for different elements. Generally, when I create a new page, the styile sheet includes the following, before any other code goes in, so that if there is a margin or padding there, it's because I put it there. If you add it in at this late stage it may take a bit of work to ajust other aspects of your page. I'd recommend looking around and trying to set margins and paddings to 0 in related elements. * { margin: 0; padding: 0; border: 0; }
Thanks for the tip. However, didn't seem to work :/ Any idea how to remove the space at the end of the contact (top right) tab when viewing in IE? Thanks again