Dopo aver letto l'articolo "Il posizionamento con i CSS" sembra facile (e probabilmente lo è).
Ho fatto diverse prove per posizionare tre livelli dentro un livello contenitore, sia con posizione relativa che assoluta i tre livelli mi sembrano scivolare come anguille dove voglion loro. Per di più il comportamento tra Mozilla ed Explorer spesso è differente. Il problema l'ho risolto con una tabella alla quale avrei volentieri rinunciato.
Ecco più o meno di che si tratta:
#contenitore {
position : relative;
margin-top : 0.5%;
margin-left : 22%;
margin-right : 22%;
text-align : center;
text-decoration : none;
color : rgb(0, 0, 0);
background : rgb(255, 251, 204);
padding : 1% 2% 1% 2%;
}
#sinistro {?}
#centro {?}
#destro {?}
e nell'html:
<div id="contenitore">
<div id="sinistro">
</div>
<div id="centro">
</div>
<div id="destro">
</div>
</div>
Volevo suddividere il contenitore-colonna in tre colonne di uguale grandezza a layout liquido come il contenitore stesso; ho impostato quindi la larghezza width : 33.33% ed ho provato a posizionarle sia in modo relativo che assoluto ma non ci sono riuscito e mi sono arreso usando una tabella:
table {
table-layout : fixed;
width : 100%;
}
e poi nell'html:
<div id="contenitore">
<table>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
Immagino che ci sia una soluzione, magari banale, che però non riesco a trovare.
Scusate la lunghezza, ciao.
Rispondi quotando
