Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    IE, margine input non voluto

    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.
    Immagini allegate Immagini allegate
    «Non esiste mondo fuor dalle mura di Verona; ma solo purgatorio, tortura, inferno. Chi è bandito di qui, è bandito dal mondo e l'esilio dal mondo è morte...»
    - William Shakespeare -

  2. #2
    uppete..
    «Non esiste mondo fuor dalle mura di Verona; ma solo purgatorio, tortura, inferno. Chi è bandito di qui, è bandito dal mondo e l'esilio dal mondo è morte...»
    - William Shakespeare -

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.