I’m trying to figure out why the padding is not the same in Chrome and Firefox for the Tutorials and Videos buttons in the Browse by Project section at the top of this page.
Chrome (& Safari) has too much padding on the top. Firefox (& IE) is pretty much correct. If I make Chrome look correct, then Firefox is way off.
susannelson, both buttons look to have the same width to me in Firefox, Chrome and Opera, and they both remain equal as I narrow the browser window considerably. I don’t see the problem.
I’m sorry I wasn’t more clear. It’s the text that seems off. In Chrome, the words Videos and Tutorials are too low on the button. In Firefox, they are pretty much where they need to be. Do you see that on your end?
The image is awaiting approval. Your note says “in Chrome”… what about Firefox? The issue you’ve reported in a difference between FF and Chrome. Does your image show that difference?
No, I didn’t include Firefox in my screenshot above because I mentioned that it’s displaying correctly for me there. Since you said Chrome looked correct for you, I wanted to show you what I’m seeing in Chrome.
So, here’s a screenshot showing what I see in Firefox:
Edit: How does image approval work? Is there something I need to do or just wait?
Are you possibly importing a “custom” font that the browsers are handling differently? Try substituting a common (PC) font such as Arial and see if that makes a difference. I’ll bet it does.
(We have to “just wait” for image approval. It’s one of those necessities of life on the 'net.)