Ho creato una form per contatti in PHP per il mio sito.
Per Mozilla funziona perfettamente ma per IE si scombina tutta e non riesco a capirne il problema.
O meglio da quello che ho capito analizzando la pagina gli input sono uno attaccato all'altro
e si possono separare solo singolarmente.
Mentre i label non so proprio come spostarli.
Insomma spero possiate aiutarmi.
Grazie mille.
Qui un immagine della form in IE e Mozilla
http://img72.imageshack.us/img72/8959/senzatitolo1b.png
HTML
codice:
<div id="form"><a name="p1"></a>
<form action="" method="post" id="formYIW">
<fieldset>
-
<label for="nome">Nome società<abbr title="campo obbligatorio">*</abbr></label>
<input type="text" name="nome" id="nome" tabindex="1" />
-
<label for="email">e-mail<abbr title="campo obbligatorio">*</abbr></label>
<input type="text" name="email" id="email" tabindex="3" />
-
<label for="indirizzo">Via,Città,ZIP,Stato</label>
<input type="text" name="indirizzo" id="indirizzo" tabindex="4" />
-
<label for="business">Il vostro business?<abbr title="campo obbligatorio">*</abbr></label>
<input type="text" name="business" id="business" tabindex="7" />
-
<label for="sito">Possedete gia un sito?<abbr title="campo obbligatorio">*</abbr></label>
<input type="sito" name="sito" id="sito" tabindex="8" />
-
<label for="sito2">Cosa vorreste ottenere con un sito?</label>
<input type="sito2" name="sito2" id="sito2" tabindex="9" />
-
<label for="colori">Avete colori aziendali da rispettare?</label>
<input type="colori" name="colori" id="colori" tabindex="9" />
-
<label for="esempio">Indicare tre siti che vi piacciono</label>
<input type="esempio" name="esempio" id="esempio" tabindex="9" />
-
<label for="esempio">Note</label>
<textarea id="note" name="note" cols="100" rows="50"></textarea>
</fieldset>
<p class="controls">
<input type="submit" name="submit" id="submit" value="" tabindex="11" />
</p>
</form>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" src="validateYIW.js"></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8632327-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</div>
CSS
codice:
#formYIW{
margin:0 auto;
width:400px;
float:left;
padding:0 200px 0 0;
}
#formYIW fieldset{
border:none;
padding:1.5em;
padding-top:0;
position:relative;
}
#formYIW ol{
color:#666666;
font-family:Arial;
font-size:medium;
list-style:none outside none;
margin-top:3em;
width:400px;
}
#formYIW li{
color:#666
clear:both;
height:22px;
padding:0;
width:450px;
}
fieldset legend span{
font-size:1.5em;
padding-left:1em;
top:0;
position:absolute;
width:100%;
}
#formYIW abbr{
border:none;
color:#FFF;
cursor:help;
}
#formYIW p.controls{
padding:1.5em;
text-align:center;
}
#formYIW label{
float:left;
margin:25px 10px 0 0;
width:15em;
}
#formYIW li.error{
background-color:#FFCC00;
color:#000000;
}
#formYIW label.error{
color:#Fff;
float:none;
font-size:105%;
font-weight:bold;
}
div.error{
background: #F67E8F url(error.png) 1% 50% no-repeat;
border:2px solid #F00;
color:#660D1E;
font-size:105%;
margin:0;
padding:0;
width:50%;
}
#formveloce label{
display:block;
}
textarea{
border:medium none;
display:block;
height:40px;
margin:5px 0 0;
padding:0;
}
input, select{
background:#FAFAFA none repeat scroll 0 0;
color:#666666;
float:left;
margin:1%;
padding:10px;
width:350px;
border:none;}
#note{
background:#FAFAFA none repeat scroll 0 0;
border:none;
color:#666666;
float:left;
margin:0 0 1em;
padding:10px;
width:350px;
height:100px;}
#submit{
background-image:url(button_submit_blue.png);
background-color:#000000;
height:43px;
width:120px;
margin-left:105px;}