Menu too tall in Firefox

  • Author
    Posts
  • #181468

    detailscomm
    Member

    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…

    #181635

    trent
    Member

    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

    #181671

    devblog
    Member

    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

    #181837

    detailscomm
    Member

    This can be changed to “Resolved”

    #181841

    rosclarke
    Member

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

The topic ‘Menu too tall in Firefox’ is closed to new replies.