Provo a "buttar giu`" un'idea, ma dovrai lavorarci un po'
HTML:
codice:
<body>
<div id="wrapper">
<div id="colsin">
.....
</div>
<div id="coldes">
.....
</div>
<div>
</body>
CSS:
codice:
html, body {
width: 100%;
height: 100%;
}
#wrapper {
width: 100%;
height: 100%;
min-width: 750px;
/* a seconda dei casi, qui si puo`/deve applicare lo sfondo delle false colonne */
}
#wrapper div {
min-height: 100%;
overflow: auto; /* oppure scroll */
/* vedi anche overflow-x e/o overflow-y, che pero` non sono riconosciuti da tutti */
}
#colsin {
min-width: 250px;
width: 33%;
max-width: 500px;
}
#coldes {
min-width: 500px;
width: 66%;
/* non dovrebbe servire il max-width */
}
Nota che potrebbero esserci degli elementi che fanno sballare quelle dimensioni (margini, barre di scorrimento, ...), per cui la cosa va ripensata con cura.
Nota inoltre che ho previsto una divisione 1/3 , 2/3 tra le colonne: questo probabilmente e` quanto volevi per larghezze umane, potrebbe non essere corretto per larghezze della finestra enormi (maggiori di 1500 px).
Rispondi quotando