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 {
margin: 10px;
padding: 5px;
background-color: #FFF;
border: #EEE 1px solid;
float:left; /*agisce sul posizionamento*/
position:relative;
overflow: auto;
}
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;
clear: left;
}
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?