Databases
StackOverflow2013
Postsdbo
POMenu padding Issue since FireFox 4
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMenu padding Issue since FireFox 4
    text
    copied!<p>I've checked other questions on here but I haven't found anything that will help me.</p> <p>Since FireFox 4 was released I've been having an issue with the menu on my website.</p> <p>www.ffxivinfo.com</p> <p>As you can see, the menu is supposed to fit along the little graphic buttons so that each link is on the "button". In Chrome, IE8 (not checked 9) and FireFox 3.5 this looked perfect. However since FireFox 4 it has been displaying wrong.</p> <p>It looks like it's a padding issue but I can't figure out where it is coming from. I have even removed the padding between each link so that they are close together (0 padding) yet the menu still stretches further to the right in FireFox 4+ than in other browsers.</p> <p>I use the auto generated menus available at purecssmenu.com and I modified it to fit my own website.</p> <p>Here is a link to just the nav code, I use a PHP include to insert it. <a href="http://www.ffxivinfo.com/nav.php" rel="nofollow">http://www.ffxivinfo.com/nav.php</a></p> <p>And here is a link to the CSS for it. <a href="http://www.ffxivinfo.com/navstyle.css" rel="nofollow">http://www.ffxivinfo.com/navstyle.css</a></p> <p>Basically I need the navigation to look the same in all browsers so that it fits into the graphic "buttons". I'm tempted to just scrap the current design and go with a simple gradient background and leave the menu wider in FireFox 4+ than other browsers but that's a bit defeatist.</p> <p>Any help would be much appreciated. This is the first time a coding problem has sent me to a forum asking for help but I just can't figure this one out.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload