Darn IE

Discussion in 'CSS' started by influx08, Jun 16, 2009.

0
  1. #1
    Please could someone take a look at the following website http://www.barnsleylets.co.uk

    The phone number at the top and the menu are screwed up in IE but look fine in FF. I have been trying to get my head around the margin/padding bug but i really can't!

    I need help!!!

    Rep for any help!

    Thanks
     
    influx08, Jun 16, 2009 IP
  2. HomeComputerGames

    HomeComputerGames Peon

    Messages:
    871
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Ahhh.......The fun of cross browser programming!
    It is hard to tell without experimenting but try adding this to your stylesheet as your list is not displaying inline in ie 7.

    #menu ul {display: inline;}

    Change this:
    #menu { float: right; padding: 20px 0 0; margin: 0 0 38px; }

    To this:
    #menu { float: right; padding: 20px 0 0; margin: 10px 0 38px; }

    You may have to experiment around a little with top margin.

    HCG
     
    HomeComputerGames, Jun 16, 2009 IP
    influx08 likes this.
  3. influx08

    influx08 Guest

    Messages:
    72
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks for this. I have had a play and although it moves the menu down it doesn't want to go inline!!

    Have sorted the issue with the telephone number.
     
    influx08, Jun 16, 2009 IP