Ciao a tutti, nel mio nuovo sito ho deciso di creare una struttura visiva con DIV; i componenti DIV che vengono creati vengono posizionati uno di fianco all'altro simulando una tabella html suddivisa in righe.

(OBIETTIVO)
<tr>
<td> </td> ..... <td> </td> .....
</tr>



Ecco il mio css:

Codice PHP:
div.form-container {                         
margin10px;         
padding5px;         
background-color#FFF;         
border#EEE 1px solid;         
float:left/*agisce sul posizionamento*/         
position:relative;         
overflowauto;     

Per simulare il tab </tr> inserisco dopo tutti i DIV un ultimo DIV con associato a questo css:

Codice PHP:
div.form-container_end
position:relative;     
clearleft;  

Cosi facendo i successivi DIV con class form-container verranno ricreati sotto agli altri.


Domanda: quando rimpicciolisco il browser o la risoluzione del monitor dimunisce, automaticamente i div si posizionano uno sotto l'altro, incolonnati.

Come posso invece che i DIV rimangano suddivisi in righe , mantenendo per ogni riga i DIV uno vicino gli altri attivando la scrool bar del browser per visionarli? grazie!

Riguarda la posizione assoluta o relativa?