problema allineamento form con internet explorer

yenn

Nuovo Utente
7 Feb 2013
5
0
0
Ciao ragazzi,
premettendo che ancora non riesco a capacitarmi di come ho fatto a non iscrivermi prima su questo forum, vi spiego cosa mi sta facendo arrovellare il cervello da un po di giorni:
ho fatto questo form con dei select: http://jsfiddle.net/zuEaC/2/

ora il problema è che con chrome e firefox lo visualizzo correttamente:
ffch.JPG

mentre con opera e internet explorer è tutto sconquassato:
ieo.JPG

forse risolverei dando una dimensione fissa al div col bordo rosso, ma mi serve che abbia dimensione variabile rispetto al contenuto.

qualche idea su dove sto sbagliando?
grazie in anticipo!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, benvenuto

ti sei complicato la vita
provalo semplicemente cosi
HTML:
<style>
    div {
        text-align: right; 
        border:1px solid red;
        float:left;
        padding:12px;
    }
</style>
<div>
    <form>
        <p>
            <label >Durata max:</label>
            <select name="dmax">
                <option>lug</option>
            </select>
        </p>
        <p>
            <label>Durata min:</label>
            <select name="dmin">
                <option>lug</option>
            </select></p> 
        <p>
            <label>Dimensione:</label>
            <select name="dimensione">
                <option>lug</option>
            </select>
        </p>
    </form>
</div>
<div>
    <form>
        <p>
            <label>Qualità:</label>
            <select name="dmax">
                <option>lug</option>
            </select>
        </p>
        <p>
            <label>Caratteri min:</label>
            <select name="dmin">
                <option>lug</option>
            </select>
        </p>
        <p>
            <label>Caratteri max:</label>
            <select name="dimensione">
                <option>lug</option>
            </select>
        </p>
    </form>
</div>
è anche piu leggibile
 

yenn

Nuovo Utente
7 Feb 2013
5
0
0
grazie.
in realtà non ho risolto in questo modo, dato che questi form erano solo una piccola parte di un progetto molto più grosso, tutto responsivo etc... ma mi hai aiutato molto ad arrivare alla soluzione.
la semplicità è la via! :)