La pagina www.movimentopopolare.com/home.asp l'ho creata con un layout a tre colonne tramite css. Il css in questione è fatto in modo da evitare (almeno fino a 400x600 pixel) lo spostamento della colonna destra in giù. Eppure con la pagina indicata non riesco ad arrivare ad una dimensione del 100%, mi devo fermare al massimo all'89-90% altrimenti ecco che la colona destra va giù
Di seguito riporto il codice del css:
body {
margin: 0 1px 0 0;
padding: 0;
font: .68em verdana, sans-serif;
background: #FFF;
color: #000080;
}
hr { display: none }
#header {
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
background: #FFF;
color: #FFF;
}
#header h1 {
font: bold italic 40px/50px impact, arial, verdana, helvetica, sans-serif;
margin: 0;
}
#colonna-sx, #colonna-dx {
float: left;
width: 20%;
background: #FFF;
color: #FFF;
}
#colonna-sx .box, #colonna-dx .box {
padding: 10px;
}
#colonna-dx { margin-right: -1px;
color: #000080;
width: 24%;
}
#principale {
float: left;
width: 40%;
background: #FFF;
margin: 0 0 -1px 0;
}
#principale .box {
border-style: none solid solid solid;
border-color: #FFF;
border-width: 1px;
padding: 10px;
}
#footer {
clear: left;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 2px 10px;
background: #FFF;
color: #000080;
font-size: .80em;
line-height: 1em;
}
La pagina potete vederla direttamente.
Qualche buon "benefattore" mi può aiutare a risolvere il problema?
Rispondi quotando
</a></p>
27CDB6E-AE6D-11cf-96B8-444553540000"
</h6></div></div>
<p align="center">
