Skip navigation
KariLeroy
Currently Being Moderated

I am having browser compatibility issues when using Spry MenuBar

Apr 23, 2012 9:40 AM

Tags: #error #html #dreamweaver #browser_compatibility #sprymenubars

I need help. I am building a website with two Spry MenuBar, an horizontal and a vertical. It all appears to work well in Firefox and Safari, but it doesn´t display correctly on IE. When I do the browser compatibility it says I have these errors:

 

Found 1 errors in Hazme_titulos.css

 

Affects: Internet Explorer for Macintosh 5.2

 

 

Found 1 errors in MenuVerticalHazme.css

 

Affects: Firefox 1.5, 2.0, 3.0; Internet Explorer 8.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0, 3.0

 

Please I need help! This is the web page: www.hazmecuento.com

 
Replies
  • Currently Being Moderated
    Apr 23, 2012 9:51 AM   in reply to KariLeroy

    I don't see any vertical menu bars on the page...  Where exactly is it?

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 28, 2012 12:10 PM   in reply to KariLeroy

    Your CSS file MenuVerticalHazme.css had lots of errors in it. Mostly the font-family rule was completed malfunctioned. You should always enclose a fontname in 'fontname.ttf' not fontname.ttf

     

    After you change this, You'll only see 3 errors - mostly with vertical-align attribute. This is not supported by IE for Macintosh as it is deprecated long time ago.

     

    Also, your font-family has 2 definitions for every rule. This is not supported by browsers. You should have them all under 1 rule separated by a comma

    font-family: 'Sketch_Script_Limited_Set.ttf', Arial, Verdana;

    Also, if you want your custom font Sketch_Script_Limited_Set to be read by browsers, you must first custom create the webfont kit and upload a link to it in your CSS file without which it will not work across all systems. Visit www.fontsquirrel.com for more details on how to make a webfont kit.

     
    |
    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