div bloccati

[sirmattia]

Ci sono 3 div contenuti in un altro div. I primi due sono tipo colonne, uno a destra e uno a sinistra, e contengono ognuno un form. Il terzo contiene un pulsante e è centrale.

Se nel foglio di stile metto per tutti e 3 "position:relative;" mi si crea un blocco unico, in cui in primi 2 div hanno i form bloccati e funziona solo il pulsante del terzo.
Se metto nel terzo div "position:absolute;" funziona tutto, ma non ottengo quello che voglio.

Allego i codici:

struttura della pagina:

<div id="contenitore1">
   <div id="sinistra" class="bloccoingresso">
      <p class="invito">Entra</p>
      <form action="login.php" method="post">
         Username:<input type="text" name="username" value="">
         Password: <input type="password" name="password" value="">
         


         <input class="buttonentra" type="submit" value="Entra">
      </form>
      
</div>
   <div id="destra" class="bloccoingresso">
      <p class="invito">Iscriviti</p>
      <form action="iscrizione.php" method="post">
         Username:<input type="text" name="username" value="">
         Password: <input type="password" name="password" value="">
         


         <input class="buttonentra" type="submit" value="Iscriviti">
      </form>
</div>
   <div class="bloccoingresso">
      <p class="invitoface">Accedi con Facebook</p>
      [img]trasparente.gif[/img]
</div>
</div>

Il relativo css:

#contenitore1{
    width:600px;
    margin-top:50px;
    margin-left: auto;
    margin-right: auto;
}
#sinistra{
    float:left;
    width: 45%;
}
#destra{
    float:right;
    width: 45%;
}
.bloccoingresso{
    margin-top:15px;
    position:relative;
}

Avete idee a riguardo? Ho anche tolto hover e active, ma non era quello il problema evidentemente. Grazie in anticipo!

[Nobody33]

i contenitori hanno i form "bloccati", perché molto probabilmente è il div di mezzo che si sovrappone agli altri due.

Per correggere il tutto puoi fare:

.bloccoingresso{display:inline-block;
width:10%}

Ma, ad essere sincerco, tutto il codice andrebbe sistemato un bel po.

[sirmattia]

Originariamente inviato da Nobody33
i contenitori hanno i form "bloccati", perché molto probabilmente è il div di mezzo che si sovrappone agli altri due.

Per correggere il tutto puoi fare:

.bloccoingresso{display:inline-block;
width:10%}

Ma, ad essere sincerco, tutto il codice andrebbe sistemato un bel po.

Ho risolto usando z-index, ma più tardi provo la tua soluzione, grazie!

Per sistemare il codice ti riferisci ai css o alla pagina vera e propria? Nel copiarla qui ho preso solo le parti che interessavano, ma se hai suggerimenti dimmi pure

[Nobody33]

mi riferisco al .css