Can someone help me fix this for IE?

Discussion in 'CSS' started by Grit., Jul 2, 2010.

0
  1. #1
    I've recently started to design (it's still heavily under development) for a local business around me. I've got a skeleton structure of the site up, and it works just fine in firefox and safari, but when it's in IE, it's not working as well...

    Basically, I've got an inline menu, and in IE the contact us button doesn't sit right... it seems to sit lower than the rest of the buttons.

    The site is http://www.lincsweddingcars.co.uk and i'm sure you can get to the CSS easily.

    So baically I would like to know two things:

    1) How can I fix the menu for IE
    2) What is the best way to get my footer to be at the bottom on each page?

    Thanks in advance
     
    Grit., Jul 2, 2010 IP
  2. markup

    markup Peon

    Messages:
    116
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I can help you regarding this , I have enough experinece
     
    markup, Jul 2, 2010 IP
  3. Grit.

    Grit. Well-Known Member

    Messages:
    1,424
    Likes Received:
    22
    Best Answers:
    1
    Trophy Points:
    110
    #3
    I'm only looking for a few lines of code to fix this, so the links line up in IE, and so I can make the footer align to the bottom of each page, I lack a budget for this unfortunately
     
    Grit., Jul 3, 2010 IP
  4. kids

    kids Active Member

    Messages:
    411
    Likes Received:
    4
    Best Answers:
    2
    Trophy Points:
    68
    #4
    Why don't you create a CSS file for IE and place it in couple tags
    In this IE CSS, you can do everything to make it suitable for IE.
     
    kids, Jul 3, 2010 IP
  5. Grit.

    Grit. Well-Known Member

    Messages:
    1,424
    Likes Received:
    22
    Best Answers:
    1
    Trophy Points:
    110
    #5
    Well i don't know why the links do what they do :S and so that wouldn't help me fix the last button sitting a few pixels lower. but thanks for the suggestion
     
    Grit., Jul 3, 2010 IP
  6. Abh

    Abh Active Member

    Messages:
    162
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    60
    #6
    i've looked at your site in al ie versions and the contact button looks fine to me.

    i don't believe you can make the footer stick to the bottom of the page only with html, you'll probably need some javascript to get the height.
     
    Abh, Jul 3, 2010 IP
  7. BossBozz

    BossBozz Peon

    Messages:
    78
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    This is the best solution. IE renders CSS in a different way to the rest of the browsers so it's best to provide a separate stylesheet for IE users. You can find out more about IE's CSS issues here

    As for the footer you could try using a php include statement at the bottom of each page if your server is php enabled.
     
    BossBozz, Jul 3, 2010 IP
  8. onehundredandtwo

    onehundredandtwo Guest

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    You should only ever use IE hacks as a last resort. The problem is caused by the empty ul container's margin and padding (because it's children are positioned absolutely). To fix this, find the line in your CSS file 
    #container #header #links ul {
    display: inline;
    Code (markup):
    and add after 
        margin: 0;
    padding:0;
    Code (markup):
     
    onehundredandtwo, Jul 4, 2010 IP