Salve,
ho creato un modulo per i contatti, utilizzando soltanto i css. Il form è composto da due caselle di input con le relative label, affiancate sulla stessa
riga.
Purtroppo su IE (e dove sennò?) ha un comportamento strano.
Le caselle di input ereditano un margin-left di 185px, da un div contenitore, che non riesco a togliere(il margine, non il div), neanche mettendo margin-
left:0 nella classe di stile delle input. In firefox e opera questo non accade e le caselle si allineano correttamente.
Un'altra cosa strana è che soltanto le prime caselle della riga risultano in posizione sbagliata, le altre sono posizionate correttamente, quindi il margine
viene preso dal div contenitore e non dalla precedente label, visto che essendo sia label che input dichiarate float:left,dovrebbe essere.
il codice html del form è questo:
codice:
<div class="central">
<form enctype="application/x-www-form-urlencoded" id="contactForm" method="post" action="#">
<fieldset>
<label for="nome">*nome:</label>
<input type="text" id="nome" name="nome" class="ieadjust" />
<label for="cognome">cognome:</label>
<input type="text" name="cognome" />
<label for="email">*Email:</label>
<input type="text" name="email" class="ieadjust" />
<label for="citta">città:</label>
<input type="text" name="citta" class="ieadjust" />
<label for="telefono">telefono:</label>
<input type="text" name="telefono" class="ieadjust" />
<label for="fax">Fax:</label>
<input type="text" name="fax" />
<label for="message">*messaggio:</label>
<textarea name="message" rows="5" class="ieadjust"></textarea>
</fieldset>
</form>
</div>
mentre il css è:
codice:
// div contenitore
div.central{ padding:0;
margin:25px 0 25px 185px;
color:#000000;}
// label e input
label{ float:left;
width:100px;
line-height: 23px;
margin-right: 5px;
text-align: right;}
input, textarea{float:left;
margin-bottom:5px;
padding:1px;
color:#444444;
background:#FFFFFF;
font:100% Tahoma, sans-serif, serif, "Times New Roman";
border: 1px solid #CCCCCC;}
.ieadjust{ margin-left:-80px;} // Nel foglio condizionale
per ora ho risolto mettendo un margine negativo in u foglio richiamata trammite i commenti condizionale, ma vorrei evitare questa soluzione. Come posso
fare?
non avendo la possibilità di mettere un link alla pagina, allego un'immagine per rendere l'idea dell'errore.