Menu too tall in Firefox

• 

  detailscomm · Member · Jan 15, 2008 at 9:16 pm

  • Copy link
  • Add topic to favorites

  My blog is located at thedcblog.net and I’ve tweaked the Emire CSS, but for some reason the menu area is “too” tall when viewed in Firefox. I’ve tried to use child selectors but they’re not recognized on here, so I’m open for any ideas on how to resolve this issue, if it is resolvable…

• 

  trent · Member · Jan 15, 2008 at 11:35 pm

  • Copy link

  Looked at your site, but I guess I am not sure what you are referring to. What is the element you are working with and what is the location as I am a little slow :)

  Trent

• 

  devblog · Member · Jan 16, 2008 at 4:49 am

  • Copy link

  Try this:

  #nav {
  	border-bottom:1px solid #555;
  	border-top:1px solid #555;
  	margin:0; height: 25px; overflow: hidden;
          padding: 0;
  }
  
  #nav ul {
  
  	overflow: hidden;
  	line-height:14px;
  	margin:0; padding: 0;
  }
  
  #nav ul li {
  	margin:0;
  	padding:5px 10px;
  }

  Also, I would recommend you not to use pixel units for font sizes. Is not of good practice. Since in the theme’s style.css file the ‘global’ font was set to 62.5%, setting the font to 1em (instead of 12px) in your #nav a definition, should be good.

  To convert px to ems, pts or %, this table can be of help.

  HTH

• 

  detailscomm · Member · Jan 17, 2008 at 4:46 pm

  • Copy link

  This can be changed to “Resolved”

• 

  rosclarke · Member · Jan 17, 2008 at 5:47 pm

  • Copy link

  Detailscomm – as the original poster, you need to change it to ‘Resolved’.