Katten Posted January 10, 2014 Share Posted January 10, 2014 Okay, here’s the issue: I’m floating a nav menu right with the goal of it being flush with the right side of it’s container. However, no matter what I’ve tried, the menu is still off by a pixel or less. I’m using a reset.css file, Response Grid System’s 12 column css file, and my own styling css file, of course. Any help or insight is greatly appreciated! I’m pulling my hair out over this one. The code is here: http://codepen.io/anon/pen/rKBnt . ( Simplified as much as possible. ‘Line 210 is where the nav menu css is’ *Note: To replicate the probelm hover your mouse over the Contact link. You should see that it is off ever so slightly. Quote Link to comment Share on other sites More sharing options...
BuildMyWeb Posted January 20, 2014 Share Posted January 20, 2014 id give the parent elements background colors too for testing. see which isnt lining up. 1px off lots of times is a border issue. i noticed border-collapse in your css. id start there Quote Link to comment Share on other sites More sharing options...
imageek Posted February 7, 2014 Share Posted February 7, 2014 Looks fine in Chrome, I've even imported it into Photoshop and added a ruler to show you ... http://i.cubeupload.com/YxIgKB.png Honestly I wouldn't worry about 1px. But, I know you will, because it's something I'd worry about. Although I rarely get these types of issues with modern browsers. Quote Link to comment Share on other sites More sharing options...
JoeSalmi Posted February 10, 2014 Share Posted February 10, 2014 I also just looked at it in Chrome & Firefox, not off on my end either. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.