Page 1 of 1
Help! I need to tweak a .13 css vert menu so it works with IE7! [solved]
Posted: Mon Dec 18, 2006 10:21 pm
by 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
Re: Help! I need to tweak a .13 css vert menu so it works with IE7!
Posted: Wed Dec 20, 2006 4:54 am
by Dr.CSS
Do the menus @
http://multiintech.com/CMSMSDemo/ work in IE7...
login:
name: adman
pass: adman
Re: Help! I need to tweak a .13 css vert menu so it works with IE7!
Posted: Wed Dec 20, 2006 4:47 pm
by 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]
Re: Help! I need to tweak a .13 css vert menu so it works with IE7!
Posted: Wed Dec 20, 2006 5:14 pm
by 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]
Re: Help! I need to tweak a .13 css vert menu so it works with IE7!
Posted: Wed Dec 20, 2006 11:55 pm
by 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]-->
Re: Help! I need to tweak a .13 css vert menu so it works with IE7!
Posted: Thu Dec 21, 2006 1:47 am
by 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
Re: Help! I need to tweak a .13 css vert menu so it works with IE7! [solved]
Posted: Thu Dec 21, 2006 12:27 pm
by 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.
Re: Help! I need to tweak a .13 css vert menu so it works with IE7! [solved]
Posted: Thu Dec 21, 2006 1:34 pm
by 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
Re: Help! I need to tweak a .13 css vert menu so it works with IE7! [solved]
Posted: Fri Dec 22, 2006 12:26 am
by Greg
That code fixes the problem you asked about
in this post. You don't 'need it' as it is purely cosmetic.