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></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>
- <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>
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;}

Rispondi quotando
