Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:32
Menu in other explorers
Poster: Lucnet
Dated: Tuesday April 20 2004 - 22:56:09 BST
I was wondering if anybody else has any problem with there menu chaning postions in other browsers, like mozilla. When I look at my site it is like 10 maybe 12 pixals lower then in crazy browser and IE. Any ideas on how to fix it?
Poster: Maz
Dated: Wednesday April 21 2004 - 0:31:52 BST
Its lower in Safari, the problem browser is IE, probably what you need to do is make it work in newer browsers first.
Google IE css borders, padding, and margins. IE usually doesn't include them all in total height. Probably your height depends on total height, I know in css it is normal to include margin:0; padding:0;border:0; for ie to behave.
I remember seeing this problem before on your site. Check the height of the table in each browser, I think the difference is the table not the menu.
maz
Poster: Ruth
Dated: Wednesday April 21 2004 - 2:51:48 BST
Good to see you got the js conflict resolved. Just out of curiosity, since that background on which you are placing the menu is in a table cell, have you tried just putting the main menu in the cell, that would resolve all the issues as to being in the same place in all browsers [though it may raise others, I do not know] The menu is middle for me in IE 5.5 and in Netscape 6, but in Opera, Netscape 7 is it down about 10 pixels.
Also, you need to move up the newest release 5.13. The Effect that is showing at the top of the menu_data file is from version 3. That needs to be coded as an
Code:
overfilter="Fade(duration=0.2);Alpha(style=0,opacity=8\100);Shadow(color='#777777', Direction=183, Strength=3)"
and be aware, static filters like the Shadow cause the menu to shift somewhat as to position. Also, in that file you have the menuClosedelay etc, at the top, but then after the drawmenus just after the last listed menu, you again have all the menuClose items and another drawmenus. Then at the end of each one of your aI items you have Code:
this ;;separatorsize=1")
note the double semi-colons, which should be single and the end should be Code:
separatorsize=1;");
Ruth
Poster: Ruth
Dated: Wednesday April 21 2004 - 12:25:25 BST
I've been trying to fix the placement issue. One thing, you have height listed in the table and some table cells. That isnt' a valid attribute according to w3c and I would guess that some browsers probably read it, like IE and others may ignore it, so that may be causing your problem. Also, I forgot to say that the shadow effect causing a shift will only do that in internet explorer. If you are unable to resolve the problem, as a last resort, try placing it in the table cell where you have that _middle.gif background image, but check the menu sample for putting the menu in a table and read on how to do the calls and such so it renders correctly in the Mac
Ruth