[Plone-UI] Global navigation tabs CSS width/height issue in Firefox 2

Lars Löwenadler lars.lowenadler at fcc.chalmers.se
Tue Sep 22 09:15:08 UTC 2009


Update; I have now resolved the issue. There seem to be a few properties that
all together make it work. One important part was to drop the
display:inline-block and settle with display:block as Firefox 2 doesn't
understand inline-block. Also, it was actually more successful to use
#portal-globalnav li a {...} instead of #portal-globalnav li {...}.

Here's the full code:

#portal-globalnav {
      margin: -105px 8px;
      _margin: -100px 0px;
      padding: 0;
      height: 72px;
      text-align: right;
}

#portal-globalnav li a {
      background: url(/plone-site/portal_skins/images/button.png);
      _background: url(/plone-site/portal_skins/images/button_IE6.png);
      border:1px solid #c1c1c1;
      display:block;
      padding:1px;
      margin:0.5em 0.5em 0em 0.5em;
      height:72px;
      width:72px;
      vertical-align:top;
      float:right;
      line-height:1.5em;
}

This code should render correct boxes in all browsers, including IE6 and
Firefox 2.

(By the way, thank you Espen for the personal email reply.)

Regards,
Lars
-- 
View this message in context: http://n2.nabble.com/Global-navigation-tabs-CSS-width-height-issue-in-Firefox-2-tp3684792p3691422.html
Sent from the User Interface & Design mailing list archive at Nabble.com.




More information about the UI mailing list