affiancare due "DIV" riquadri...

[albertozzo]

Ciao,
Volevo sapere come affiancare due "DIV" riquadri...uno a sinistra e l'altro destra, senza andare a capo.

es:

REGOLE CSS:

<style type="text/css">
.sinistro {
	BORDER-RIGHT: #000 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #000 1px dashed; PADDING-LEFT: 5px; MIN-HEIGHT: 10em; OVERFLOW-X: auto; PADDING-BOTTOM: 10px; BORDER-LEFT: #000 1px dashed; WIDTH: 350px; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px dashed; BACKGROUND-COLOR: #fff
}
DIV.sinistro {
 OVERFLOW-Y: scroll; WHITE-SPACE: nowrap}


.destro {
	BORDER-RIGHT: #000 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #000 1px dashed; PADDING-LEFT: 5px; MIN-HEIGHT: 8em; OVERFLOW-X: auto; PADDING-BOTTOM: 10px; BORDER-LEFT: #000 1px dashed; WIDTH: 150px; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px dashed; BACKGROUND-COLOR: #fff
}
 DIV.destro {
 OVERFLOW-Y: scroll; WHITE-SPACE: nowrap}

</style>

RICHIAMO REGOLE:

.....
<DIV class=sinistro>
prova chat
</DIV>

<DIV class=destro>
prova chat
</DIV>
....

Grazie anticipatamente

[felixsuperstar]

cosa intendi per affiancare?
disporli uno affianco all'altro oppure uno tutto a sinistra e l'altro tutto a destra?

[albertozzo]

disporli uno affianco all'altro, possibilmente con un margine di 15 px...

Ciao

[albertozzo]

forse dovrei fare una struttura tabellare? :master:

[ambuotiz]

Io per affiancare due div uso "float:left;". Però se il contenuto dei due div supera la larghezza della pagina, quello più a destra finisce a capo. Non so se c'è un modo per evitare questo probelma.

[in4matiko]

per non farlo andare a capo ti basta non usare i pixel precisi. ad esempio se la pagina e 600 px fai conti a 599. è una soluzione veloce e funzionante.