Hello All,
I’ve created a css form like so:
<style>
/* As soon as I put it in its own stylesheet its fine */
/* If I put it in my external stylesheer in with the other styles works in FF, but then not show in IE, what could be causing this? */
#entryform {margin-top:10px;font-size:12px;background:#FFF;font-weight:bold;width:650px}
#entryform fieldset {border:1px solid #ddd;padding:5px;font-size:16px;}
#entryform legend {color:#CC3300;}
#entryform p {margin-top:8px; clear:both;font-size:12px;}
#entryform label {float:left;width:200px;text-align:right;margin-right:5px;}
#entryform .inputbox {width:200px;height:20px;border:1px solid #ddd;background:#fafafa;}
#entryform textarea {width:350px;border:1px solid #ddd;background:#fafafa;}
#entryform .clearer {margin-bottom:8px;}
#entryform input.btn {color:#FFFFFF;background-color: #CC3300;width:70px;font-weight:bold;height:25px;}
.formerror {color: #CC0000;margin-bottom:20px;}
.formsuccess {color: #0066CC;margin-bottom:20px;font-size:15px;margin-top:10px;font-weight:bold}
</style>
<form action="" method="post" name="Form Name" id="Form Here">
<div id="entryform">
<fieldset>
<legend>Enter your suggestion below:</legend>
<p><label for="Telephone">Telephone:</label> <input class="inputbox" type="text" name="telephone" value="'.$telephone.'"></p>
<p><label for="Your Email">Email Address:</label> <input class="inputbox" type="text" name="email" value="'.$email.'"></p>
<p><label for="Reasons Why ">Because:</label> <textarea name="reasons" cols="40" rows="6">'.$reasons.'</textarea></p>
<input name="Submit"type="Submit" value="Submit" />
<input name="Reset" type="reset" value="Reset" />
</p>
</fieldset>
</form>
Now the above works fine in IE & FF. However, when I strip that css file out of the document and put it in an external css file linking to my page, which contains all the other styles on my website the styling on the form does not show in IE, but it does in FF?
Anything that could be clashing, or i’ve missed doing?
Thanks