Ecco nel concreto il codice CSS:
- Codice: Seleziona tutto
#Sinistro
{
float: left;
margin: 0 0 0 0; // attaccato al bordo e larga fissa, ok
width: 111px;
}
#Destro
{
float: right;
margin: 0 10px 0 0; // un poco staccata dal bordo e larga fissa, ok
width: 270px;
}
#Centrale
{
margin: 0 0 0 115px; // Problema (l'ho messo io così solo per dare un output...)
width: 60%;
}
Qualcuno potrebbe illuminarmi su come fare per far sì che la colonna centrale vada a tappare esattamente il buco (cioè io imposto margini e tutto ma la larghezza giusta evitando sovrapposizioni...).
Vi mostro due screenshots di ciò che è il concreto: Qui è come lo si visualizza se si hanno la risoluzione giusta (o comunque sufficiente a non farle sovrapporre):
Qui invece se si ha la risoluzione troppo piccola, oppure si restringe la finestra: invece di comportarsi "come colonne di una tabella" anarchicamente si sovrappongono a vicenda (quella di sinistra è ok perché la centrale ha margine sinistro fisso):
Come posso fare per avere un layout a tre colonne di cui le esterne a larghezza fissa ecosicché non si sovrappongano? help please! Thx!