css properties differ in IE and FF...why?

Discussion in 'HTML & Website Design' started by HDaddy, Mar 29, 2007.

  1. #1
    Hi!

    This is my first site using css and i´ve noticed that IE doesn´t show all the css properties right. What is the problem? I can´t figure it out. So if u have any idea that could help, i would appreciate hints solving it out. Here is a link to a sample page. Please try it with FF and IE and u see the problem i mean. Thanks in advance.

    HDaddy

    http://koti.mbnet.fi/thinner/ytn/njohtokunta.html

    So what i ment was that the title of the person text is showing right "reddish" in FF and wrong "black" in IE. I want to know what is causing the difference in IE...so why is it wrong in IE?
     
    HDaddy, Mar 29, 2007 IP
  2. Valve-Hosting

    Valve-Hosting Peon

    Messages:
    1,071
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Different standards. You should develop in FF and the tweak it for IE, you can only control scrollbars with CSS in IE for instance. IE 5 and IE 6 display differently too.

    Always try and keep height and width to auto, sometimes you need to set padding and margins to 0 instead of just blanks
     
    Valve-Hosting, Mar 29, 2007 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    There is no element <vuosi>. Firefox treats it as a default inline element, as part of its xhtml parser, and assumes you've properly extended the DTD. A trip to the W3 validator would have caught this.

    That appears to be semantically a definition list, <dl>. Mark it up as such, and apply the styles to the <dt>s and <dd>s.

    cheers,

    gary
     
    kk5st, Mar 29, 2007 IP
  4. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thanks for the help gary. I tried it but i didnt quite get it to work...a bit tired...will try it tomorrow again when not so tired. :)
     
    HDaddy, Mar 29, 2007 IP
  5. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #5
    The link is not in use anymore.
     
    HDaddy, Apr 2, 2007 IP
  6. lucozade111

    lucozade111 Peon

    Messages:
    1,361
    Likes Received:
    47
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Use the w3 validation tool to check your CSS
     
    lucozade111, Apr 2, 2007 IP
  7. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #7
    This doesn't always help solving layout differences between IE and FF.
    Workarounds is what are needed in most cases.
     
    Clive, Apr 2, 2007 IP