La colonna centrale scivola sotto in IE, ma anche in Firefox, Google Chrome e altri a partire da risoluzione 1024 e purtroppo nelle scuole ci sono ancora parecchi monitor così.
Ho risolto mettendo mano al file layout.css
Commentata regola
/*body div#wrapper {
width: auto !important;
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: left;
}*/
Corretto con
body div#wrapper {
width: 98% !important;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 0;
margin-bottom: 0;
min-width: 730px;
max-width:1300px;
}
Commentata regola
/*div#sidebar-left {
float: left;
width: 190px;
overflow: hidden;
}*/
Corretta con (colonna fluida)
div#sidebar-left {
float: left;
width: 20%;
overflow: hidden;
}
Commentata regola
/*div#sidebar-right {
float: right;
width: 190px;
overflow: hidden;
padding-right: 12px;
margin-top:0;
}*/
corretta con (colonna fluida)
div#sidebar-right {
float: right;
width: 20%;
overflow: hidden;
padding-right: 12px;
margin-top:0;
}
Ho corretto con colonne in % perchè se lascio 190 px non risolvo.
Qualcuno ha altra soluzione?
