Float left impazzito

[lorenzos]

Ragazzi, un form che fino a oggi era impaginato perfetto con i css ora è impazzito e da diversi computer e browser viene visualizzato con campi sparsi ovunque...

.iscrizione {
    margin-top: 20px;
}
.iscrizione label{
    margin-left: 20px;
    display: inline;
    width: 100px;
}
.iscrizione input {
    width: 120px;
    margin-left: 100px;
} 

Questo il codice che uso mentre nella pagina imposto normalemente cos':

<form class="iscrizione">
    <fieldset>
             <legend>I tuoi dati</legend>
                    <label for"nome">Nome: </label> <input name="nome" id="nome" value="" />
                    ALTRI CAMPI
    </fieldset>
</form> 

Che significa?????

[lorenzos]

Nessuno?
Io ho risolto mettendo uno spazio dopo l'imput e lo impagina giusto.
In questo modo:

<input blalba />SPAZIO 

Nessuno sa dirmi che significa?

[lorenzos]

Up...
Nessuno mi sa aiutare?

[fickyz]

postato così non si capisce molto: ho provato ad utilizzare il frammento che hai postato ed è tutto ok. A parte quell'id="nome" nell'input. Ho visto che hai prima impostato uno stile per tutti gli input del form e poi hai dato l'id a quello specifico campo, ma non hai postato lo stile di input#nome...

posta qualcosina in più e forse posso aiutarti!

[lorenzos]

Ok, ti posto il form intero togliendo il php da dentro...

<form class="iscrizione" method="post" action="controllo_fase1.php">
                <fieldset>
                    <legend>Inserisci i tuoi dati</legend>
                    <label for="nome">Nome: *</label><input  id="nome" name="nome" value="" /> 

                    <label for="cognome">Cognome: *</label><input  id="cognome" name="cognome" value="" /> 

                    <label for="natoa">Nato a: *</label><input  id="natoa" name="natoa" value="" /> 

                    <label for="natoil">Data Nascita: *</label><input  id="natoil" name="natoil" value="GG-MM-AAAA" /> 

                    <label for="residenza">Residente a: *</label><input  id="residenza" name="residenza" value="" /> 

                    <label for="residenzavia">Via: *</label><input  id="residenzavia" name="residenzavia" value="" /> 

                    <label for="civico">N&deg; Civico: *</label><input  id="civico" name="civico" value="" /> 

                    <label for="cap">CAP: *</label><input  id="cap" name="cap" value="" /> 

                    <label for="telefono">Telefono: *</label><input  id="telefono" name="telefono" value="333-3333333" /> 

                    <label for="mail">E_Mail: *</label><input  id="mail" name="mail" value="" /> 


                    <input type="hidden" name="invio" value="ok">
                    <label for="submit"> </label><input type="submit" name="procedi" value="Procedi"><input type="reset" value="Cancella">
                </fieldset>            
            </form> 

Come vedi prima del
ho impostato uno spazio altrimenti mi fa quell'errore asurdo...
La pagina è www.stagesaliceto.com/iscrizione_fase1.php

Il css che gestisce quel form è:

.iscrizione label{
    margin-left: 20px;
    display: inline;
    float:left;
    width: 100px;
}
.iscrizione input {
    width: 120px;
    margin-left: 40px;
} 

e si trova in un div che ha queste proprietà:

.entry {
    padding:5px 10px;
    text-align:justify;
    line-height:1.75em;
    } 

[fickyz]

a prima vista, il problema è con internet explorer perchè con firefox tutti i campi sono correttamente allineati! :master:

[lorenzos]

Perchè tu con Internet Explorer hai dei problemi? A me con il 7 lo visualizza benissimo...

[fickyz]

ho risolto...almeno credo!

il problema è nel css. Firefox come l'avevi impostato tu leggeva tutto perfettamente. IE, come al solito rompe.

Prova così!

.entry {
padding:5px 10px;
text-align:justify;
line-height:1.75em;
}
.iscrizione label{
margin-left: 20px;
display:inline;
float:left;
width: 100px;
}
.iscrizione input {
width: 120px;
display:inline;
float:right;
}

Sembra andare bene! Fammi sapere.

[lorenzos]

Ho fatto la modifica e lo vedo bene...
Tu lo vedi bene anche con IE?

[fickyz]

io si...fai qualche prova che tu! E fammi sapere!