float left e ritorni a capo "strani"

[overridec]

Ciao a tutti, sto diventando matto con una cosa (credo) semplice semplice.

Ho una lista di campi di input tutti in fila su una riga orizzontale, sia select che campi normali, inclusi in un div.

Vorrei che ridimensionando la finestra del browser, questi andassero a capo a inizio riga correttamente ma non avviene, o meglio avviene se il campo che deve andare a capo è preceduto da un Input text, se invece è preceduto da un select lil campo va a capo "appoggiandosi" e allineandosi al campo select.

Questi sono tre screenshots del problema.

1 - OK




2 - ridimensionato OK




3 - ridimensionato NO OK




Questo è il link per il codice della pagina html che sto cercando di fare.

http://pastebin.com/PWGWmNUA

Spero che qualcuno abbia voglia di darmi una mano...

Grazie infinite!!!!!

[pidgey]

Dal codice mancano due chiusure del select una a riga 58 <select name="ww_Formato" id="ww_Formato" > e l'altra a riga 66 <select name="ww_Formato" id="ww_Formato" >


Ciao

[overridec]

Grazie mille, ma anche chiudendoli, continua a dare il problema.

Ho pero scoperto che se metto

height:auto, sia alla select che al div "contenitore form" con firefox funziona bene.

Ma su Internet explorer nisba

[tas]

Il tuo problema accade perché le select sono più basse rispetto alle textbox. Vedo due possibilità:

• imposti l'altezza della classe .NoACapo
• oppure togli il float=left da .NoACapo e imposti display=inline

[overridec]

Grazie mille per la risposta!

Originariamente inviato da tas
Il tuo problema accade perché le select sono più basse rispetto alle textbox. Vedo due possibilità:

• imposti l'altezza della classe .NoACapo

Non funziona, su I.E. mi fa sempre uguale,
ho impostato height:22px; all classe noacapo
height:20px; alla select
e height 23px al div che contiene tutto...

• oppure togli il float=left da .NoACapo e imposti display=inline

bella li così mi funziona abbastanza bene, l'unico difetto è che le label non vanno a capo "forzate" insieme al rispettivo campo.
si puo ovviare in quache modo?

[tas]

Hai provato con display=inline-block ?