The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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:

    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed