Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Oct 2007
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts

    IE/Firefox compatibility issues

    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.

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    Code:
    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".
    Code:
     
    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.

  • #3
    New Coder
    Join Date
    Oct 2007
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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.
    Last edited by kendalbren; 10-29-2007 at 05:17 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •