Have Geek Brain

Hosting 1px in Safari / Mac, but works in Safari / Windows

I banged my head against the wall on this one; the logo image ("It All About Revenue") is shifted one pixel in Safari on Mac, but correctly displays every other browser / OS combination I have been able to test. Anyone have any ideas on why this might be? Here's the site: http://blog.eloqua.com/

Thanks in advance for your help!

+2


a source to share


2 answers


The height

element attribute is <div class="parentLogo">

evaluated differently between the two browsers:

You need to set your attribute height

manually:



.custom .parentLogo {
    height: 40px;
    ...
}

This should fix the problem.

+3


a source


I've encountered this 1px error many times, especially when using CSS resets. He asks about the line height.

Set base line height for all browsers:



body {
  line-height: 1em;
}
+3


a source






More articles:


All Articles