Hello,

My Website is www.Realatrends.com

I like my drop down menu. However, it is not capatable in Safari and some Mac Browsers. It is in Javascript. What can I do to make it compatable in ALL browsers. Thanks for your time! BELOW IS MY CODE...


function init()
{
menus[0] = new menu(58, "horizontal",325, 226, 0, 0, "", "", "Arial,Helvetica", 4, "bold",
"bold", "white", "white", 0, "white", 0, "", false, false, true, false, 0, true, 0, 0, "");
menus[0].addItem("#", "", 86, "center", "<img src=images/properties_link.jpg>", 1);//("#", "", 100, "center", "Name of the Menu", Array name for sub menus)
menus[0].addItem("#", "", 94, "center", "<img src=images/realtrends_link.jpg>", 2);
menus[0].addItem("#", "", 55, "center", "<img src=images/tools_link.jpg>", 3);
//menus[0].addItem("#", "", 100, "center", "Item 5", 0);
menus[0].floatMenu(1024, 768, 10, 0);

menus[1] = new menu(147, "vertical", 0, 0, 0, 0, "white", "#A0938A", "Arial,Helvetica", 8, "",
"bold", "black", "white", 1, "black", 2, 187, false, false, false, false, 0, true, 4, 4, "gray");
menus[1].addItem("find_property.asp", "", 18, "left", "Search Listings", 0);
menus[1].addSeparator(1, "black");
menus[1].addItem("properties.asp", "", 18, "left", "Featured Properties", 0);
//menus[1].addItem("#", "", 22, "center", "value 2.3", 0);
//menus[1].addSeparator(1, "black");
//menus[1].addItem("#", "", 22, "center", "value 2.4", 0);

menus[2] = new menu(120, "vertical", 0, 0, 0, 0, "white", "#A0938A", "Arial,Helvetica", 8, "",
"bold", "black", "white", 1, "black", 2, "", false, true, false, false, 0, true, 4, 4, "gray");
menus[2].addItem("principles.asp", "", 18, "left", "Principles", 0);
menus[2].addItem("background.asp", "", 18, "left", "Background", 0);
menus[2].addItem("philosophy.asp", "", 18, "left", "Philosophy", 0);
menus[2].addItem("selling_tips.asp", "", 18, "left", "Selling Tips", 0);
menus[2].addItem("reference.asp", "", 18, "left", "References", 0);
menus[2].addItem("linkexchange.asp", "", 18, "left", "Realtor Relocate", 0);

menus[3] = new menu(130, "vertical", 0, 0, 0, 0, "white", "#A0938A", "Arial,Helvetica", 8, "",
"bold", "black", "white", 1, "black", 2, 0, false, true, false, false, 0, true, 4, 4, "gray");
menus[3].addItem("loan_calculator.asp", "", 18, "left", "Loan Calculator", 0);
menus[3].addItem("Reports.rtf", "", 18, "left", "Buyer / Seller Reports", 0);
menus[3].addItem("local_links.asp", "", 18, "left", "Local Links", 0);
menus[3].addItem("schools_finder.asp", "", 18, "left", "Schools Finder", 0);
menus[3].addItem("http://www.bankrate.com", "_blank", 18, "left", "Current Interest Rate", 0);
menus[3].addItem("#", "", 18, "left", "New Home Owners", 4);
menus[3].addItem("#", "", 18, "left", "Taxes", 5);
menus[3].addItem("#", "", 18, "left", "Title Information", 6);

menus[4] = new menu(150, "vertical", 0, 0, 0, 0, "white", "#A0938A", "Arial,Helvetica", 8, "",
"bold", "black", "white", 1, "black", 2, "", false, true, false, false, 0, true, 4, 4, "gray");
menus[4].addItem("home_inspections.asp", "", 18, "left", "Home Inspections", 0);
menus[4].addItem("mortgage_terms.asp", "", 18, "left", "Mortgage Terms", 0);
menus[4].addItem("orange_county.asp", "", 18, "left", "Orange County Utilities", 0);

menus[5] = new menu(150, "vertical", 0, 0, 0, 0, "white", "#A0938A", "Arial,Helvetica", 8, "",
"bold", "black", "white", 1, "black", 2, 0, false, true, false, false, 0, true, 4, 4, "gray");
menus[5].addItem("1031_exchange.asp", "", 18, "left", "1031 Exchange", 0);
menus[5].addItem("taxdates.asp", "", 18, "left", "Tax Dates", 0);
menus[5].addItem("capital_gains.asp", "", 18, "left", "Capital Gains", 0);
menus[5].addItem(" http://www.ac.ocgov.com/newpage/TaxInfo.asp", "_blamk", 18, "left", "O. C. Tax Assessor", 0);
menus[6] = new menu(150, "vertical", 0, 0, 0, 0, "white", "#A0938A", "Arial,Helvetica", 8, "",
"bold", "black", "white", 1, "black", 2, 0, false, true, false, false, 0, true, 4, 4, "gray");
menus[6].addItem("what_insurance.asp", "", 18, "left", "What is Title Insurance", 0);
menus[6].addItem("seven_way.asp", "", 18, "left", "Seven Ways to Hold Title", 0);
menus[6].addItem("reference_docs.asp", "", 18, "left", "Reference Docs", 0);

}

that's so true.. even i faced a lot of issues while i targeted my site for all browsers.. then i finally decided only to target the IE and firefox!!

It is definately a bad idea to only target IE and Firefox. Safari has a growing market share, and I predict will only get stronger. Its JavaScript engine is now being used in mobile devices, and is shared with the Konquerer project.

The best way to make dropdowns is suckerfish style. They work well across all browsers, and don't require JavaScript except for IE6 and below.

It looks like the issue is more of a CSS issue rather than a JavaScript issue. The menu appears to work fine in Safari with the only issue being that either the menu font size is too large or there is some unwanted padding or margins on the text.