Cross Browser Form Styling

[wright67uk]

Before I go posting long lines of html/php...

 

is there anything that stands out that could upset IE in this css or should I be looking a little deeper?

(I have a few inline styles in my form) and also are there any important do's and dont's when styling a form for cross browser compatability?

 

For anyone who fancies taking a look at the misery i'm facing my url is http://www.treequoter.com/enter_snag_score.php

 

 

<style type="text/css">

input[type=text] {width: 40px}

#formwrap {background-color:#0CC; width:300px; margin-left:auto; margin-right:auto;
-moz-border-radius: 15px; border-radius: 15px; padding-left:40px; min-height:400px; }

input.clip {background-color:#0CC; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}

h2.location {color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}



</style> 

[Medavidcook]

nothing points out to cause any problems, however one thing i noticed that might cause a problem is,in your html after form you have

- but your css style has nothing of this, it can cause a problem later on down the line.hope this helps

[wright67uk]

All sorted. I didn't declare a doctype.

 

Thanks for the reply.

[Medavidcook]

that would be it but only seeing part of work wouldnt know that.