#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2008
    Posts
    4
    Rep Power
    0

    FF and IE compatibility problems...


    I have CSS that works great in FF, but then when I go to check it all out in IE, it looks like s it (if you know what I mean...)

    Heres my CSS:
    Code:
    input.submitbutton
    {
       color:#FFFFFF;
       background-color:#33CC00;
       background-image:url(../images/buttonbg.gif);
       border: 1px solid #598527;
    }

    (The image tags arent working I guess, so heres the links to them...)

    and heres the outcome in FF
    http://img214.imageshack.us/img214/1048/coolffkw9.png

    and then the outcome in IE...
    http://img214.imageshack.us/img214/342/ffof5.png

    I think it does this because the buttons in IE get rendered the same as windows vista does it, and in firefox they are rendered differently? I'm not sure. Anyway, how can I fix this horrible mistake to make it look the same as it looks in Firefox? Thanks a lot guys.
  2. #2
  3. Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jun 2001
    Location
    Right now? On my chair.
    Posts
    1,777
    Rep Power
    258
    Well do you want it to look EXACTLY like FF? That's hard but I notice several things different. The font and borders look differently. In the IE screenshot do the borders appear?
    Use markup the semantic way. You wouldn't want your dog answering the phone for you, would you?
    HTML Validator || CSS Validator -- HTML / CSS Main forums. JavaScript and PHP...maybe
    Bones: HTML; Skin: CSS; Muscle: JavaScript; Brains: PHP; Memory: MySQL
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2008
    Posts
    4
    Rep Power
    0
    Yeah, I want it to look just like to does in FF. But as you can see, in IE it looks like it has atleast a 2px border, and that's not even what I had specified. Basically, I just want it to look exactly how it looks in FF, because the way it looks in IE (the ridicules border, the font, and the spacing around it) if you can help me out, I would greeaattly appreciate it. Thanks again for your reply!
  6. #4
  7. Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jun 2001
    Location
    Right now? On my chair.
    Posts
    1,777
    Rep Power
    258
    (I'm just making these to links so I can just click and poof)
    First
    Second

    You can declare a font-family in CSS. That may work if your users have that font.

    As for the border, I'll do some research and see what comes up.
    Use markup the semantic way. You wouldn't want your dog answering the phone for you, would you?
    HTML Validator || CSS Validator -- HTML / CSS Main forums. JavaScript and PHP...maybe
    Bones: HTML; Skin: CSS; Muscle: JavaScript; Brains: PHP; Memory: MySQL

IMN logo majestic logo threadwatch logo seochat tools logo