Smooth Navigational Menu Displays lower in Safari

[Piero Garreaud]

I just added the Smooth Navigational Menu to my web: www.soundlighthealer.com The Menu looks great in IE but with Safari it positions itself several pixels below, clashing with my next section.

I have design my website and have no HTML experience or knowledge with some of the language so please be clear with where to insert the script.

Happy Holidays!!!
guasabo@yahoo.com

[X96 Web Design]

Never use IE for designing - always make things in Safari or Firefox first, then fix them for IE. You'll find it easier this way.

99% of other browsers will display it differently than IE.

Could the problem be an empty <h2> tag right above the menu? That would push it down...

Hope this helps,
X96

[farzian]

hi
Smooth Navigational Menu is great and i want to use it in my site that is multi language, one RTL direction and one LTR direction.
how can i change this menu to RTL direction ? could you help me please ?
i change it, but RTL direction works with firefox good but in IE, LI`s that have sub menu don`t change to right align !

[Piero Garreaud]

Never use IE for designing - always make things in Safari or Firefox first, then fix them for IE. You'll find it easier this way.

99% of other browsers will display it differently than IE.

Could the problem be an empty <h2> tag right above the menu? That would push it down...

Hope this helps,
X96

Hi X96:

Thank you for your advice. I had eliminated that line prior to joining the forum and it affects the menu in both Safari and IE.

I have read a script regarding this problem in a different place but didn't know where to insert it. The script mentioned something like:
bottom-margin 6px
bottom margin 10px

There was more information about it and to be inserted at the head of the page. I believe it will allow one browser to read the menu and place it 6px up and the other will read it 10px down.

Any suggestions???

And thanks for your response

piero

[X96 Web Design]

I tried adding a margin-bottom: attribute, but it had no effect to the menu position... I think it has something to do with the position:absolute on all the DIV's.

If you can re-code your website to work in Firefox first, then you can add IE-specific code to fix whatever doesn't work in Internet Explorer. IE-specific code looks like:

<!--[if IE]>
... Some HTML here ...
<![endif]-->

All browsers will treat this code as a comment, but IE will recognize it and parse it. This is where you can put some CSS to fix problems with the menu...


Looking at your code, I noticed it's built with Yahoo! Site Builder. Is this forced upon you, or can you choose to upload custom HTML files you made yourself? Because it would be much easier to do all the HTML yourself so you can fine-tune layout issues like this one.

Cheers,
X96

[Piero Garreaud]

Hi X96:

Enjoy the Holidays my friend and God Bless you! It worked!!!!!! I did removed what you suggested in your initial response. When I applied what you suggested It didn't quite worked in my home page because it altered the fonts, but it did in all the other pages. Later on, I came back to the Home page and worked around it.

Thanks, once again for taking the time...
Blessings

Piero