Grow your CSS skills. Land your dream job.

Text links higher in IE than in FF

  • # August 12, 2009 at 4:47 pm

    Hi folks,

    First post from a very amateur web designer so be kind! :oops:

    I have made a start on a website for a friend at http://www.bridalapparelleeds.co.uk

    The main problem i have is the text links are slightly higher in IE than they are in FF

    Now i have had this before a while ago whilst playing with some other stuff but i cant for the life of me think what the fix is.

    Im sure this is an easy one for you guys and your help would be appreciated.

    Dont slam my design skill too hard lol.

    Thanks

    Danny

    # August 12, 2009 at 11:57 pm

    do you have a reset in your css? different browsers have different settings for different elements. Firefox could say text sits at 3 pixels where explorer says that text sits at 6 pixels. One way people fix this is by doing a hard reset with this

    * { margin: 0; padding: 0 }

    The star says that every element gets margin 0 padding 0. Some don’t like this because they say it makes the site take longer to load and it messes up other things. So you might try just adding the margin and padding 0 to the parent elements to see if that will fix your problem. Also, download and install firebug for firefox if you don’t have it. It is a must have tool.

    # August 13, 2009 at 7:32 am

    Hi Cybershot,

    Thanks for the reply.

    I used Eric Meyers reset which has the margin:0 and padding:0 but not with the * at the beginning.

    Ill try playing around with that later.

    Also thanks for the firebug tip, i have only just installed it but it looks a very useful tool.

    Cheers

    Danny

    # August 14, 2009 at 7:52 am

    I’ve noticed line-height can be different between FF and IE.

    For instance, on my blog I had to use span {"line-height:26px;"} to display all of the numerical date of the posts. Leaving it off hid the bottom half of the numbers, but only in IE. :?

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

You must be logged in to reply to this topic.

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