IE/Firefox compatibility issues

[kendalbren]

Hi guys. I've only really started playing around with CSS and have hit a fairly large problem. I designed my sight and checked it regularly in Firefox with no major problems. However, after checking it in IE, the page looks pretty messed up. You can view the site at http://www.geocities.com/kendalbren/...yV2/index.html

The page should be centered but isn't and obviously the menu should be in better shape as well as some other smaller issues. Any ideas why this isn't working would be gratefully received!

Please bear in mind I'm a newbie so fairly elementary suggestions would be best.

Thanks in advance, kendalbren.

[jlhaslip]

body{
    padding:0; margin:0 auto;text-align: center;
    }

To center the page

And the menu seems to look better when the 'spaces' are replaced with htmlentities for the 'non-breaking-space' which is "ampersand"nbsp"semi-colon".

 

Hopefully that will display correctly on the forum to show you what the html-entity for a "non-breaking space" should be. If not, google it.

So, instead of the two words "guided holidays", place a non-breaking space between them ("guided holidays") in your source code.

The nbsp's are also needed in the top nav UL/LI's as well.

This may not be the most elegant solution, but it will help straighten things out until you wander over to http://csspplay.co.uk and check out a new menu for the page. Seems the one you are using at present is not happy with IE6. Stu at cssplay has several horizontal UL menus that would likely fix the problem better than simply adding the nbsp's.

Hope this helps.

[kendalbren]

Thanks for your reply, jlhaslip.

I've managed to sort the menu. I realised 'inherit' is not supported by IE7 so changed it to 'auto'. This sorted the problem.

Next, I've got to change the 2 images near the bottom of the page. The first is the one who says 'guided holidays', the second the one that says 'self guided holidays'. They're not aligning correctly in IE7 and I'm not sure why. I've tried changing the width values but to no avail.

Also, when I said "centering the page" I meant putting everything in the center of the page - not simply aligning the text as centered.

It may be worth mentioning that when I test it from my hard drive, it looks fine - but when I upload it to the web, it looks rubbish. Strange......

Thanks again, Kendalbren.