2 Replies Latest reply on Jun 20, 2008 11:52 AM by

    Firefox menu issue

      Hi,

      could anyone tell me why the menu centres fine in ie but not in firefox.

      http://www.mosketo.net/mar/joomla_page.html

      Im guessing it something in the ul#menu li

      I have attched the ccs code
        • 1. Re: Firefox menu issue
          Level 7
          Hello,

          Remove float:inherit from ul#menu li a

          It should then look like this:

          ul#menu li a
          {
          display:block;
          color:#999999;
          text-decoration:none;
          font-weight:bold;
          padding:0px;
          }


          Take care,
          Tim



          "ian2003" <webforumsuser@macromedia.com> wrote in message
          news:g2egjs$nvv$1@forums.macromedia.com...
          > Hi,
          >
          > could anyone tell me why the menu centres fine in ie but not in firefox.
          >
          > http://www.mosketo.net/mar/joomla_page.html
          >
          > Im guessing it something in the ul#menu li
          >
          > I have attched the ccs code
          >
          > body {
          > margin: 0px 0px 0px 0px;
          > vertical-align:top;
          > text-align:center;
          > background-image:url('marlin_legal_images/background.jpg');
          > font-family:Arial, Helvetica, sans-serif;
          > }
          >
          > #top {
          > background:url(marlin_legal_images/marlin_top.jpg);
          > height:44px;
          > }
          >
          > #logo {
          > margin:0px auto;
          > width:758px;
          > height:84px;
          > text-align:left
          > }
          >
          > #menu {
          > margin:0px auto;
          > background:url(marlin_legal_images/menu_background.jpg);
          > font-size:13;
          > width:758px;
          > height:32px;
          > text-align:left
          > }
          >
          > #header {
          > margin:0px auto;
          > width:758px;
          > height:204px;
          > padding:0px 0px 10px 0px;
          > }
          >
          > #sectionheader {
          > margin:0px auto;
          > vertical-align:middle;
          > font-size:18px;
          > text-align:left;
          > color:#666666;
          > background:url(marlin_legal_images/bck5.gif);
          > width:743px;
          > height:43px;
          > padding:0px 0px 0px 15px;
          > line-height: 44px;
          > }
          >
          > #leftcontent{
          > font-size:11px;
          > text-align:left;
          > width:64%;
          > padding:0px 0px 0px -10px;
          > }
          >
          > #sidebar{
          > font-size:11px;
          > text-align:right;
          > width:36%;
          > padding:0px 0px 0px -10px;
          > }
          >
          > #tc {
          > color:#999999;
          > margin:0px auto;
          > font-size:11px;
          > text-align:left;
          > width:748px;
          > height:30px;
          > padding:0px 0px 0px 10px;
          > }
          >
          > ul#menu
          > {
          > padding:0;
          > width:756px;
          > display:block;
          > font-size:12px;
          > text-align:center;
          > font-family:Arial, Helvetica, sans-serif;
          > }
          >
          > ul#menu li
          > {
          > display:block;
          > line-height:32px;
          > width:151px;
          > float:left;
          > margin:0;
          > padding:0px;
          > }
          >
          > ul#menu li a
          > {
          > display:block;
          > float:inherit;
          > color:#999999;
          > text-decoration:none;
          > font-weight:bold;
          > padding:0px 0px 0px 0px;
          > }
          >
          > ul#menu li a:hover
          > {
          > color:#999999;
          > text-decoration:underline;
          > height:22px;
          > margin:0;
          > padding:0;
          > }
          >
          >
          > ul#menu li a.current
          > {
          >
          > display:inline;
          > height:22px;
          > margin:0;
          > padding:0;
          > }
          >
          > ul#conentlist {
          > list-style:none;
          > font-size:11px;
          > text-align:left;
          > }
          > ul#conentlist li
          > {
          > background:url(marlin_legal_images/arrow.gif) no-repeat left top;
          > padding:0px 0px 10px 15px;
          > }
          >
          > #content {
          > float:left;
          > width:54%;
          > }
          >
          > #right {
          > float:right;
          > width:220px;
          > height:255px;
          > }
          >
          > #outer {
          > margin:0px auto;
          > padding: 0px 0px 0px 10px;
          > vertical-align:top;
          > text-align:left;
          > width:748px;
          > font-size:11px;
          > height:260px;
          > }
          >
          >
          > /* SEVICES START */
          > #services {
          > vertical-align:top;
          > background:#F2F2F2;
          > float:right;
          > text-align:left;
          > width:190px;
          > padding: 10px 10px 10px 10px;
          > font-size:11px;
          > height:90px;
          > }
          > #services a:link {
          > color:#333333;
          > font-weight:500;
          > }
          > #services h1 {
          > font-size:16px;
          > color:#333333;
          > font-weight:bold;
          > margin: 0px 0px 10px 0px;
          > }
          > /* SEVICES END */
          >
          >
          >
          > /* KEEP ME INFORMED */
          > #keepmeinformed {
          > vertical-align:top;
          > background:url(marlin_legal_images/newss.gif);
          > float:right;
          > text-align:left;
          > width:185px;
          > padding: 15px 10px 10px 15px;
          > font-size:11px;
          > height:103px;
          > margin: 10px 0px 0px 0px
          > }
          > #keepmeinformed a:link {
          > color:#333333;
          > font-weight:bold;
          > }
          > #keepmeinformed h1 {
          > font-size:16px;
          > color:#333333;
          > font-weight:bold;
          > margin: 0px 0px 6px 0px;
          > }
          > /* SPACER */
          > #spacer {
          > width:758px;
          > height:10px;
          > }
          > /* SPACER END */
          >


          • 2. Re: Firefox menu issue
            Thank you for the improved code it is nice