Any know why my site is doing this?

5 replies
In Firefox, my opt-in looks fine, but in IE the button is huge and the text is exceeding the background...anyone know how I can correct this? Screen shots attached...

In IE:



In Firefox:
#site
  • Profile picture of the author TiMa
    FF & IE always have contradicting CSS issues. Use an [if !IE]> tag, and reduce the width of your button within it.
    {{ DiscussionBoard.errors[358087].message }}
  • Profile picture of the author jonhel
    Yes, it always takes a bit of tweaking with the CSS to get this right in my experience. They both render forms differently so you never know what you'll get initially :-(
    {{ DiscussionBoard.errors[358306].message }}
  • Profile picture of the author Lloyd Buchinski
    One problem that could be causing it is different default padding for
    different browsers. I like to start a css sheet with *{margin:0;padding:0;}
    The wild card strips all that and then when you do assign padding and
    margins it is more likely to be really close to identical in different browsers.
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[358455].message }}
  • Profile picture of the author David Tugwell
    Lloyd has hit the nail on the head there.

    By including that line at the top of your .css file, you remove any browser specific formatting and start with a clean slate. Then when you are working on the site, work on FF first, then check the formatting in IE.

    Also make sure that you use True Type fornts, that way they will be cross-browser compatible.

    Hope this Helps

    Dave
    {{ DiscussionBoard.errors[358564].message }}

Trending Topics