Skip navigation
Currently Being Moderated

Vertical spry menu positioned in wrong place in I.E8&9

Mar 30, 2012 4:56 PM

Tags: #spry #menu #navigation #ie8_problems #sprymenubar #spry_menu

A website i have built works fine in chrome and firefox but in I.E8&9 the positioning of one of the menu bars sits wrong.... www.evestrust.co.uk

 

please help

 

Glynne

 
Replies
  • Currently Being Moderated
    Mar 31, 2012 3:18 AM   in reply to Glynne Harrison

    Before answering your question, I would love to know why you added the highlighted style rules to the following

    ul.MenuBarVertical

    {

        margin: 0;

        padding: 0;

        list-style-type: none;

        font-size: 12px;

        cursor: default;

        background-color: #FFF;

        font-family: Arial, Helvetica, sans-serif;

        position: absolute;

        top: 272px;}

    As a side remark, have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.evestrust .co.uk%2Fevents.php

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 31, 2012 8:14 PM   in reply to Glynne Harrison

    Your document is a mess and the caused problems are not related to Spry. They stem from the 'rookiness' (if that's a word) within you.

     

    Having said that, please load http://www.evestrust.co.uk/events.php into Internet Explorer and

    1. right click the page.
    2. From the resulting dropdown menu, choose 'View Source' or similar.
    3. You will now see the source code for your document.
    4. Go to line 92 where you have opened the BODY tag
    5. Then have a look what follows, an opening DIV tag, link to a JS file and a set of style rules, a link to the dropdown style sheet and a closing DIV tag on line 200. With the exception of the DIV tags, these lines should reside in the HEAD section of your document.
    6. Line 253 shows an empty DIV element
    7. Then we get a DIV element containing an empty table
    8. In line 270 we open a table cell containing JS, CSS, links and a horizontal menubar followed by an empty DIV element
    9. and so forth and so forth ....

     

    Although I would love to help you, the number of errors go beyond the parameters of this forum.

     

    On a more pleasant note, the basic style of your site is great and it deserves attention to the details as outlined above.

     

    Please have a look here http://www.adobe.com/devnet/dreamweaver/css.html, in particular http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_l ayouts.html.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 1, 2012 4:41 AM   in reply to Glynne Harrison

    As mentioned previously with the php inserts, this is where all the tags and ccs links have come from in the 'view source'. Having looked at all the individual <?php include("example.php"); ?> pages that knit together to make the page as a whole, each page has the body tags etc etc.

    You will have to get rid of the the CSS and other irrelevant tags from the include files. The main thing is to have a correct main document.

    If i corrected these it still leaves me with a vertical spry positioning problem in I.E????

    In my first reply, I gave you the answer to that, being

    ul.MenuBarVertical

    {

        margin: 0;

        padding: 0;

        list-style-type: none;

        font-size: 12px;

        cursor: default;

        background-color: #FFF;

        font-family: Arial, Helvetica, sans-serif;

        position: absolute;

        top: 272px;}

    Just remove the highlighted part.

     

    Gramps

     
    |
    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