allineamento div

[Mikele Sagitter]

ciao ragazzi ho un problema di posizionamento. nel div contenitore ci sono 2 div, uno destra e uno sinistra.devo poizionarli uno accanto all'altro in modo ke viaggino paralleli verso il basso

In firefox lo visualizza come lo voglio io ma in internet explorer in pratica non riesce a fare stare i 2 div "sulla stessa riga" ad esempio il div flottato a destra (come in foto)



ecco il codice:

#contenitore{
    border:1px solid red;
    float:right;
    width:535px;
    position:relative;
    margin:20px 0 30px 0;
    }    

#sinistra{
    border:1px solid red;
    width:235px;
    height:200px;
    background-image:url(img/background_box_middle.png);  
    background-repeat:repeat-y;
    }

    
#destra{
    border:1px solid green;
    background:url(img/loginmiddle.png);
    background-repeat:none;
    width:290px;
    float:right;
    padding:10px 0;
    } 

[Myaku]

cerca "bug dei 3px", potrebbe essere quello

[gengix]

Tira via il position:relative da #contenitore che non serve a niente in questo contesto.

E prova invertire l'ordine della struttura. Ipotizzo tu abbia questa situazione adesso:

<div id="contenitore">
	<div id="sinistra"></div>
	<div id="destra"></div>
</div>

Prova così:

<div id="contenitore">
	<div id="destra"></div>
	<div id="sinistra"></div>
</div>