Grow your CSS skills. Land your dream job.

Weird Background Image

  • # October 11, 2012 at 6:18 pm

    Hi. I’m having trouble with a background image. It appears differently in each browser. I suspect it has something to do with each browser interpreting the bottom padding differently. It appears correctly in Chrome, Opera, and Safari. Can someone please help?

    Here’s the demo page: http://gchiller.com/test/services.html

    # October 11, 2012 at 7:05 pm

    If you add line:height:31px; to the p with class “wwd”, Firefox should render it the same.

    # October 11, 2012 at 7:15 pm

    It’s just different font rendering. Just add `no-repeat` to you background.

    # October 12, 2012 at 1:28 pm

    @TheDoc : Thanks, It works now!

    @Senff : I went with the no-repeat method, but thanks for replying anyway.

    # October 12, 2012 at 2:28 pm

    Sure no problem, if you’re OK with the text being that close to the bottom of the background in Firefox. :)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".