Skip navigation

Dreamweaver

KariLeroy Calculating status...

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

379 Views 3 Replies Latest reply: Sudarshan Thiagarajan, Apr 28, 2012 12:10 PM

Replies

Currently Being Moderated

1. Nick Entin,

Apr 23, 2012 9:51 AM in reply to KariLeroy

Report

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

|
Mark as:
Currently Being Moderated

2. KariLeroy,

Apr 25, 2012 2:26 PM in reply to Nick Entin

Report

Sorry Nick, this is the section where I used the vertical menu bar: http://www.hazmecuento.com/nuestros_titulos.html

Thank u!

|
Mark as:
3,731 posts
Oct 15, 2010

Currently Being Moderated

3. Sudarshan Thiagarajan,

Apr 28, 2012 12:10 PM in reply to KariLeroy

Report

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: