Non capisco proprio da dove nascano i problemi....
Lavoro con FrontPage2000... (evitare commenti inutili...)
Il primo problema è che il terzo div class sembra comportarsi
come un contenitore dei due class precedenti.
Cioè: selezionando class1 e class2 vi vedo evidenziati,
selezionando class3 si evidenzia tutta l'area del div contenitore,
anche se posso scrivere nel class3 normalmente.
Se imposto la larghezza dei tre class al 33%, l'ultimo class è largo il 33% dello spazio rimanente,
quindi non riempie il 100% del div container (risolvo mettendolo al 100%).
Ma un'altra cosa è strana: il terzo class rimane leggermente separato dal secondo;
i primi due sono perfettamente affiancati, tra il secondo e il terzo ci passa uno o due px....
Idee?![]()
-------------------------------------
CSS NON funzionante
/* Stile contenitore */
div#container {
clear: left;
width: 100%;
height: 80%;
margin-top: 10px;
}
/* Stile div corpo1 */
div.corpo1 {
clear: left;
float: left;
border: 1px solid white;
width: 33%;
height: 100%;
}
/* Stile div corpo2 */
div.corpo2 {
float: left;
border: 1px solid white;
width: 33%;
height: 100%;
}
/* Stile div corpo3 */
div.corpo3 {
border: 1px solid white;
width: 100%;
height: 100%;
}
-------------------------------------
CSS "funzionante":
/* Stile contenitore */
div#container {
clear: left;
width: 100%;
height: 80%;
margin-top: 10px;
}
/* Stile div corpo1 */
div.corpo1 {
clear: left;
float: left;
border: 1px solid white;
width: 33%;
height: 100%;
}
/* Stile div corpo2 */
div.corpo2 {
float: left;
border: 1px solid white;
width: 33%;
height: 100%;
}
/* Stile div corpo3 */
div.corpo3 {
border: 1px solid white;
width: 100%;
height: 100%;
}
-------------------------------------
HTML:
<div id="container">
<div class="corpo1">
</div>
<div class="corpo2">
</div>
<div class="corpo3">
</div>
</div>
-------------------------------------