Developer forum

Forum » Templates » Safari dropdown problem

Safari dropdown problem


Reply
Hello again!

I am having problems positioning the level 2 dropdown menu in Safari. It works great in:
- IE 6 and 7, Windows
- Firefox, Mac and Windows

I have read the manual Dynamicweb Menues (TM-2055), but there are no help regarding this.

Thanks in advance...

/KW

Replies

 
Reply
kw@pravda.dk wrote:
Hello again!

I am having problems positioning the level 2 dropdown menu in Safari. It works great in:
- IE 6 and 7, Windows
- Firefox, Mac and Windows

I have read the manual Dynamicweb Menues (TM-2055), but there are no help regarding this.

Thanks in advance...

/KW



Hi Kristian

Do you have a link for your problem ?

// Sebastian
 
Reply
Here U go: http://cryptomathic.net.dynamicweb.dk

 
Reply
kw@pravda.dk wrote:
Here U go: http://cryptomathic.net.dynamicweb.dk





What is the problem ... ?
 
Reply
Har du tjekket den i Safari på OS X? Det er dét, der er problemet! Dropdown'en er forskudt i forhold til hvis den bliver vist i Firefox eller IE.

 
Reply
kw@pravda.dk wrote:
The problem exists in Safari on OSX




Hi Kristian

I've fixed it the ugly way ...
In your front template i do some browser detection and then I set the TopPosCorrection according to the browser.

I've also removed the empty TD and replaced it with a margin-top.

// Sebastian
 
Reply
Works perfect! Thanks a million!
 
Reply
Will the correction not affect all other browsers making them offset the menu?
Could you explain a little more in detail since this seems to be a general problem in Safari.
 
Reply
soegaard-co wrote:
Will the correction not affect all other browsers making them offset the menu?
Could you explain a little more in detail since this seems to be a general problem in Safari.



Hi Per

I position the menus as good as I can with the 3 ID's in the page template. This is crucial.

And then in this case I had to do some browser detection to correct the different vertical positioning.

Like this:
if (agt.indexOf("safari") != -1) {
TopPosCorrection = 114;
} else if (agt.indexOf("msie 6.0") != -1) {
TopPosCorrection = 44;
} else {
TopPosCorrection = 84;
}

// Sebastian

 
Reply
Sorry ... the script should look like this:

if (agt.indexOf("safari") != -1) {
TopPosCorrection = 114;
} else if (agt.indexOf("msie 7.0") != -1) {
TopPosCorrection = 44;
} else if (agt.indexOf("msie 6.0") != -1) {
TopPosCorrection = 44;
} else {
TopPosCorrection = 84;
}

 

You must be logged in to post in the forum