Page 1 of 1

CSSMenu-Horizontal doesn't stay inline after Back on Firefox

Posted: Tue May 22, 2007 1:28 pm
by revenson
I am using CMSMS 1.0.6. to make a new website for my small business: http://www.carlislefoodsystems.com/ComingSoon/

I wanted the horizontal CSS menu centered on the page, so i put the navigation in a table in my template which is based off of CSSMenu top + 2 columns:







     
     
        Navigation
        {menu template='cssmenu.tpl'}
       
     
     







This works, but the menu doesn't always stay inline after pressing Back in Firefox on Mac 10.4. This problem seems to randomly occur about half of the time.

To attempt to fix, I tried in Navigation: CSSMenu - Horizontal:
#primary-nav, #primary-nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: inline;
}

I'm looking for suggestions on how to force the menu to stay inline and/or to use css to center the menu rather than shoving it in a table. Help is greatly appreciated.

Re: CSSMenu-Horizontal doesn't stay inline after Back on Firefox

Posted: Tue May 22, 2007 3:08 pm
by Nullig
What I've done in the past was to add a container div for the menu like this:

Code: Select all

   <!-- Start Navigation -->
<div style="background-color: #ECECEC;width: 100%;">  <-- Added a container div
   <div id="menu_horiz">
      <h2 class="accessibility">Navigation</h2>
      {menu template='cssmenu.tpl'}
   <hr class="accessibility" />
   </div>
</div>
   <!-- End Navigation -->
and styled my menuwrapper like this:

Code: Select all

#menuwrapper { 
   /* Fix for Opera 8 */ 
   /* overflow: hidden; */
   background-color: #ECECEC;
   border-bottom: 1px solid #C0C0C0;
   margin: 0 0 0 23%;  <-- You have to adjust these
   width: 75%;         <-- percentages for your needs
   text-align: left;
}
Nullig

Re: CSSMenu-Horizontal doesn't stay inline after Back on Firefox

Posted: Tue May 22, 2007 7:52 pm
by revenson
Correct me if I am wrong, but wouldn't that hold the menu in a certain position, which may be visually close to center, but isn't actually centered?

Re: CSSMenu-Horizontal doesn't stay inline after Back on Firefox

Posted: Wed May 23, 2007 8:39 pm
by revenson
#menu_vert {
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align:center;

}

This did a nice job of getting rid of the table for Firefox, but IE6 still puts it to the left. It still goes out of line on "Back" in any browser. Grrrrr.....