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

 
Replies
  • 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:

     

    eg::

    id="boardman rotary"

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

    Validation errors here:
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.bryantaafe.com%2Frg%2F

    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:

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.bryantaaf e.com%2Frg%2F

     

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

     

    Example:

    Wrong: #division name

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

     

    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

     
    |
    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]>
    <style>
    #header ul {
        list-style: none;
        float: left;
        position: absolute;
        right: 0px;
       bottom: 6px;
        margin-left: 0px;
        left: -5px;
    </style>
    <![endif]-->

     
    |
    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:

    http://reference.sitepoint.com/css/conditionalcomments

     
    |
    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