Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US :: FAQ
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
ADOBE DREAMWEAVER:HomeDreamweaver ForumDreamweaver TutorialsFAQAdobe FlashWeb Design

Re: Spry Vertical Menu works in IE but displays weird in Mozilla

COW Forums : Adobe Dreamweaver

FAQ   •   VIEW ALL   •   ADD A NEW POST   •   PRINT
Share on Facebook
Respond to this post   •   Return to posts index   •   Read entire thread


Richard WilliamsRe: Spry Vertical Menu works in IE but displays weird in Mozilla
by on Jun 6, 2010 at 11:44:11 pm

Duuuude(ette)

This version of the SpryVertical.css couldnt be FURTHER from unaltered... It has more changes to it than i can shake a stick at. :o)

background-attachment: scroll;, background-image: none;, background-repeat: no-repeat;, clear: none;, list-style-position: inside;, list-style-image: url((URL));have all been added to the first rule, ul.MenuBarVertical

z-index: 1000; is missing from ul.MenuBarActive

position: relative; has been deleted from the ul.menuBarVertical li rule (this is why it doesnt appear in correct place in firefox)

top: 0; has been deleted from ul.MenuBarVertical ul Also why it appears in different places across browsers

position: absolute; has been added to ul.MenuBarVertical ul
Float: none has also been added, along with a 14px... who knows what this is for.

Position: Static has been added to most rules, who knows how or why...?

ul.MenuBarVertical iframe rule has postion changes from absolute to static, then another position static has been put in it... i asume this is for good luck...?
Then.. you are adding rules to li and ul's from your layout2_setup.css aswell which has the potential to further confuse matters!

You are also doing some funkie things with your linking on your page... opting to sometimes say <a href="tuition.html"><span class="style1"><strong>Tuition</strong></span>
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->

but other times not.....
Make these changes and see how it looks, then we should be most of the way there hopefully. =o)


Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)


Posts IndexRead Thread
Reply   Like  
Share on Facebook


Current Message Thread:




LOGIN TO REPLY



FORUMSTUTORIALSFEATURESVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2014 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]