Grow your CSS skills. Land your dream job.

Maglic Line 2px off only in Firefox

  • # July 27, 2012 at 11:00 am

    I’m working on a friends site and I’ve added the Magic Line from the demo example on the site. Anyways I’m not sure why but only in Firefox the MagicLine is 2px off.

    Any ideas?

    http://www.safelysunning.com

    # July 27, 2012 at 11:10 am

    2px…really? Not an issue.

    # July 27, 2012 at 11:32 am

    If you look you can see that its off vertically and looks bad. So yes, its an issue to me.

    # July 27, 2012 at 12:01 pm

    I just checked it in latest FF and Chrome and I don’t notice any difference.
    Plus I measured position of you magic_line in each browser with xray and crosshair tool and the position is exactly the same.

    # July 27, 2012 at 12:20 pm

    Weird, I cant figure out why mine looks different. Here is what I see on 14.0.1 in Firefox

    screen shot

    # July 27, 2012 at 12:27 pm

    Ah, vertically, yes that would make a difference.

    My guess is that it’s a rendering difference between Chrome & FF. Perhaps it’s related to the reset.css.

    I’ll have a look later.

    # July 27, 2012 at 12:30 pm

    Hmmm, that’s interesting. My FF version is the same 14.0.1

    # July 27, 2012 at 12:41 pm

    Looks fine on my FF14.0.1
    screen shot

    # July 27, 2012 at 1:12 pm

    @Paulie_D, I didnt think of the reset.css – I’m using Starkers completely naked base theme so there maybe something in the reset.css that could be causing this but I’m not sure.

    @jurotek, that is very strage, well I’m glad it looks fine for you. I wonder if it has to do with a extension in firefox or something

    # September 26, 2012 at 2:43 am

    @nutt318, did you ever find a fix for this? I am having the same issue.

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

You must be logged in to reply to this topic.

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