I'm trying to get the banner on this page, http://blackhorsekawasaki.com/index.html, look the same in both IE7 and Firefox. The firefox one is correct which has a bit of green down both sides of the logo only, but in IE7 the logo is off centre with green round the top and right hand side only.
The section with your logo has a lot of embedded non-breaking spaces. Firefox tends to ignore most of them but IE does not. First, eliminate all of the non-breaking spaces. The add a centering style to the "div" that is wrapped around the image. See the code listing below. I highlighted the centering style that needs to be added. I know it looks strange, because your dealing with an image not text. But this will center everything in the "div", not just text. In my tests, it looked the same in Firefox and IE.
I noticed that when viewing the page on IE7 that the writing on the banner and the small photos/logos etc seems a little bit more 'jagged' than in Firefox. Is there any particular reason for this?
I noticed that when viewing the page on IE7 that the writing on the banner and the small photos/logos etc seems a little bit more 'jagged' than in Firefox. Is there any particular reason for this?
Thank-you
That is usually caused by resizing photos using HTML. It is recommend to upload images to your website at the size you intend to use them at. Otherwise changing their size with code usually distorts them a bit.