Different CSS for FF and IE

3/13/2009 12:45 pm | #1 DarylBeta Tester

I have used a site assist pro template to create a website. I have put an image into the header which displays well in Fire Fox, however when I view it in Internet explorer the header appears to have shrunk by about 10px which makes the image too big.

How do I rectify this?

http://lsdogs.org.uk/new_website

3/13/2009 3:53 pm | #2 Justin Nemeth

Looking at your html code, it looks like you have the image of the dog contained in a tag. The first code within this tag is a . Try removing that tag since that is my guess of why there is extra space above the dog image in IE. In general, I would recommend using CSS to position the tag if you need to (margin-top or padding-top). Also keep in mind that #topNavigation has an explicit height, so if the content inside it exceeds that height, it could cause an overlap like you are seeing.

Email me with all replies to this thread

Title:

Public Message: (viewable by anyone reading this thread)
(do not cut and paste code into this field unless necessary, attach copies of your pages so they can be opened in Dreamweaver for debugging)

Type in the characters exactly as displayed below - if you don't complete the Captcha correctly you will get a blank page, so you may want to copy the text of your message before you submit!

Quote message in reply?

Private Message: (viewable only by you, the person you are replying to, and WebAssist employees)
(only put truly private information in this area such as ftp details and phone numbers. Keep as much of your post public as possible)

These attachments are private (viewable only by you, the person you are replying to, and WebAssist employees)

Manage Attachments

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Different CSS for FF and IE

3/13/2009 12:45 pm | #1 DarylBeta Tester