problema allineamento form con internet explorer

  • Creatore Discussione Creatore Discussione yenn
  • Data di inizio Data di inizio

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!
 
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
 
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! :)
 

Discussioni simili