Affiancare 2 div al centro della pagina

[Dave-Z]

Dovrei affiancare due div al centro della pagina, ma non riesco. Ne ho creato uno a cui ho dato float:left e un'altro a cui ho dato float:right. Ok, i due in effetti stanno a sinistra e a destra, ma io li vorrei attaccati al centro della pagina...che devo fare che non ci arrivo??

[pierofix]

Dovresti inserirli entrambi in un unico div contenitore. Poi, nel css...

body {
   text-align:center;
}
   #contenitore {
      text-align:left;
      width: 80%;
      margin:0 auto;
   }
      #sx {
         float:left;
         width: 30%;
      }
      #dx {
         margin-left: 30%;
      }

Questo è lo schema logico.

[Dave-Z]

non capisco l'uso delle percentuali, io dovrei avere il div sx di 300px e il dx di 470px.....

[Dave-Z]

io l'ho impostato così:
--------------------------------------

#sx{
float: left;
margin: 0px;
padding: 0px;
width: 300px;
}
#dx{
float: right;
margin: 0px;
padding: 0px;
width: 470px;
}
#contenitore{
width: 760px;
margin: 0 auto;
}

---------------------------------------

cos'è che non va nel mio ragionamento???

[pierofix]

1. I layout liquidi sono più accessibili, ma puoi benissimo mettere i valori in px.

2. 300 + 470 = 770

[Dave-Z]

Originariamente inviato da pierofix
1. I layout liquidi sono più accessibili, ma puoi benissimo mettere i valori in px.

2. 300 + 470 = 770

certo, ma non capisco perchè non funziona come vorrei (e come mi aspettavo)

[pierofix]

Non puoi specificare che la larghezza del contenitore sia 760px e poi all'interno ci piazzi elementi che hanno dimensioni maggiori: per forza che si sballa tutto.

Dovresti impostare sx=300px e dx=460px. E, come ti avevo già spiegato sopra, non devi flottare a destra il dx.

Intesi?

[Dave-Z]

su firefox ora è tutto ok, ma su exploder no!!!

questo il css:

-------------------------------------

#contenitore{
text-align:left;
width: 760px;
margin: 0 auto;
}
#sx{
float: left;
width: 300px;
}
#dx{
margin-left: 300px;
width: 460px;
}

----------------------------------------

cheppalle!!!