Help! I need to tweak a .13 css vert menu so it works with IE7! [solved]

[duplay]

I ran the upgrade on my site version .13 and it worked, however I had to copy my menu templates over from my .13 folder (so i think I have 1.0.2 version site running the vertical css menu from .13) Can anyone help me tweak this menu to work with IE7? In IE7, the menu appears fine, but when a users moves over a sub-menu column, the submenu column quickly disappears. *Dont ask me why my update didnt allow me to change the template to the vert menu that works with IE7, but it wont, so i'd like to see if I can get this to work by adjusting the current template.

Thanks

http://pages.sparcc.org/sparcc

[Dr.CSS]

Do the menus @ http://multiintech.com/CMSMSDemo/ work in IE7...

login:

name: adman
pass: adman

[duplay]

Mark,

The menu CSSMenu left + 1 column works in IE7, but i dont have this menu on my site I upgraded. I have attached a screen shot of the templates I have and it looks they are ALL the ones from my .13 version. Basically, I have the site layout i want, but is their a way for me to get the vert menu from the new version on my site? If so, how?

My other option is to recreate the site with a clean install and redo everything with the templates that work. Can i do a clean install and link that clean install to my current updated database?

Thanks




[gelöscht durch Administrator]

[duplay]

I restored everything back to my .13 version and ran the upgrade again. here are the steps i did:

downloaded the latest version of cmsms
opened and copied the downloaded files over my current files in the site folder
went to my site path in my browser http://pages.sparcc.org/sparcc/install/upgrade.php
-ran the upgrade no errors and admin section has 1.0.2 at the bottom of the page.

---------
when i login to my site and go to templates, i dont see any of the NEW templates I see when I do a clean install (like on the demo site site above you sent me to-see pic of your templates) I only see the templates I have before I did the upgrade.

*I made this site for my work, but the .13 menu doesnt work  on Ie7. I just want to keep the format I have, but get a vert menu to work-any help is greatly appreciated!!

Thanks ! MJD

[gelöscht durch Administrator]

[Greg]

in your stylsheet for the Navigation: CSS vertical

in #primary-nav a {  add    min-height:1em; /* Fixes IE7 whitespace bug*/
in #primary-nav li, #primary-nav li.menuparent {  add    min-height:1em; /* Fixes IE7 bug*/

Change the /* IE Hack area to this ....

Code: Select all

/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; min-height:0;}
#primary-nav li a { _height: 1%; min-height:0; }


/* section header */
#primary-nav li.sectionheader {
   border-left: 1px solid #006699; 
   border-top: 1px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #abb0b6;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}

/* End of 'Navigation: CSSMenu - Vertical' */

Make sure the following is in the head section of the template associated with the css menu

Code: Select all

<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
#primary-nav li {margin-bottom: -3px;}
#primary-nav li:hover {margin-bottom:-3px;} /* a HACK!!! for IE7 */
</style>
<![endif]-->

[duplay]

Thank you! Thank you! You are the f'ing man and my new hero! I was able to add the above code to my version .13 and get the menu to work in IE7. I was a day away from having to recreate the entire site.

Thanks!


MJD

[Greg]

Duplay you still need to add this section to your template to make the margins the same size in IE 7 as Firefox:

Code: Select all

<!--[if IE 7]>
<style type="text/css">
#primary-nav li {margin-bottom: -3px;}
#primary-nav li:hover {margin-bottom:-3px;} /* a HACK!!! for IE7 */
</style>
<![endif]-->

You may have to tweak the -3px by one or two pixels.

[duplay]

Greg,

When I add the above code to my template, submit, then preview, the page doesnt come up. What will the above text do for my site. currently all browsers support the site w/o the above text. Can I go without it?

Thanks

MJD

[Greg]

That code fixes the problem you asked about in this post.  You don't 'need it' as it is purely cosmetic.