Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
If you view my website on a PC, the image under the links should fit snugly under the links.
However, if you view it on a Mac, the image is about 2px overlappin the links above it.
Do Mac browsers interpret CSS values differently? Such as margin-top, which is what I’m using?
Is there an easy solution to this with CSS, or do I need to designate separate CSS values after detecting the platform with PHP?
The display lines up in Mac Chrome if I set
body { font: 12px/20px Verdana; }, forcing the line height of the nav text. This isn’t a fix, it just demonstrates that it’s the font size that’s breaking your world.This method of applying design elements to a page is (in my opinion) pretty old-school and fragile. My recommendation would be to break up the background so its components can be tied to individual elements on the page rather than relying on little nudges to line things up. Pretty much everything you’re doing could be accomplished with straight CSS, anyway.