Come utilizzare bene i tag float, display e clear per un campo form

[lux78]

Ho fatto questo form contatti, www kyrononlus.org/contattaci che con firefox si vede correttamente ma con IE tutto è sballato.

Sicuramente ho usato in modo errato il tag float.
Qualcuno può aiutarmi?

[sandroid]

Ciao lux78, il float comunque è un attributo, non un tag!
Ad ogni modo io il form lo vedo bene su Chrome ed Explorer, mentre lo vedo sballato con Filezilla. (le ultime versioni)

Si può darsi che sia il float il problema, io lo toglierei anche perché non dovendo allineare due elementi ma avendone solo uno, gli puoi impostare un margin-left senza scomodare l'attributo float

Ciao.

[artasdog]

Il tuo problema è molto comune ed è causato dal collasso del contenitore dei float, che collassa essendo i float elementi che escono dal normale flusso e quindi svuotano il contenitore.

Copia questo codice nei tuoi css:

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }

Poi aggiungi la classe .clearfix al contenitore dei float.