Skip navigation
Currently Being Moderated

browser issues!

Sep 4, 2009 6:41 PM

this site displays perfect in ie8, safari, and firefox, but won't display in ie7/6 and aol, why? thanks

  • Currently Being Moderated
    Sep 4, 2009 10:49 PM   in reply to mediastream13

    You don't mention what the problem is, however, viewing in IE7, I notice that menu items are not sitting inside the navbar.


    You have quite a few errors on the page that need fixing..  when you create an ID, do not use spaces in the name:



    id="boardman rotary"

    should al be one word or separated with an underscore of hyphen 
    eg:  boardman-rotary

    Validation errors here:

    fix those errors first and then see where the page stands.

    You may need to give IE a conditional comment for the placement of the menu links..

    Mark as:
  • Currently Being Moderated
    Sep 6, 2009 11:24 AM   in reply to mediastream13

    90% of browser problems start with malformed code.


    Start by fixing the code validation errors described below:


    FYI: Div  names cannot contain spaces.  But they can contain hyphens or underscores.



    Wrong: #division name

    Acceptable:  #division-name or  #division_name or  #divisionName


    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists

    Mark as:
  • Currently Being Moderated
    Sep 7, 2009 7:31 PM   in reply to mediastream13

    During testing in IE 6 an 7 the menu items are not sitting correctly.  IE8 look the same as FFox.


    This means you need to use a conditional comment to feed a different placement style to IE6 and IE7


    This was a very quick test, so you may need refine it a little, but copy and paste the following just before the closing <./head> tag. I tested this on the index page.  If it works, you can either copy and paste the CC on every page  or feed a special stylesheet for IE only.


    As you can see from the line in red I changed the bottom position from -8 for the other browsers to 6px for IE6 and 7.  It worked for me using IETester.

    See if it works for you in the 2 versions of IE.



    <!--[if gte IE 7]>
    #header ul {
        list-style: none;
        float: left;
        position: absolute;
        right: 0px;
       bottom: 6px;
        margin-left: 0px;
        left: -5px;

    Mark as:
  • Currently Being Moderated
    Sep 7, 2009 7:32 PM   in reply to Nadia-P

    This may help you as a reference point regarding Conditional Comments:

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points