how to solve a display problem with firefox and llist elements???

Discussion in 'HTML & Website Design' started by Gazz1982, Mar 4, 2008.

0
  1. #1
    I have a site which uses lists, in IE they display with no problems, however firefox appears to add some kind of padding above the start of the lists how can I over ride this using css? Any ideas?

    http://www-users.york.ac.uk/~gn504/
     
    Gazz1982, Mar 4, 2008 IP
  2. XTreMe

    XTreMe Banned

    Messages:
    1,226
    Likes Received:
    57
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Set it according to the firefox and forget I.E..;)
     
    XTreMe, Mar 4, 2008 IP
  3. Gazz1982

    Gazz1982 Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I would love to but I have to comply with our accessibility guide lines! To allow everyone to access it
     
    Gazz1982, Mar 4, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Different browsers have different amounts and types of spacing. In lists it's the worst. Where IE uses (I forget, margins or padding), FF uses the other.

    Remove ALL default padding and margins on everything (otherwise you'll never win the battle of the browsers) with the universal reset:

    * {
    margin: 0;
    padding: 0;
    }

    The * means EVERYTHING... some people have trouble with form controls after using this, although I find I even need it for them too. Stick this right at the top of your CSS before anything else. Now you can remove all instances later where you had margin: 0; padding: 0;

    You will now have to manually set your paddings and margins but this is for the best as you never knew what you were gonna get before.
     
    Stomme poes, Mar 4, 2008 IP