Any know why my site is doing this?

by 5 replies
6
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:
#main internet marketing discussion forum #site
  • FF & IE always have contradicting CSS issues. Use an [if !IE]> tag, and reduce the width of your button within it.
  • 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 :-(
  • Banned
    [DELETED]
  • 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.
  • 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
  • Banned
    [DELETED]
Join the discussion

Next Topics on Trending Feed