Ciao a tutti !
Premetto che sto studiando CSS ma non ho trovato ancora una soluzione che potrebbe essere semplicissima :-)
Ho un template semplice semplice con tre colonne. Quella di sinistra con i menu, quella di centro con il contenuto e quella di destra con altri menu.
Il problema è che con il CSS, la colonna di destra che ha meno contenuto delle altre due colonne si ferma prima e crea un effetto antiestetico. Io vorre che tutte e tre le colonne siano lunghe uguali.
ho provato settando height: 100%; ma niente.
Allora ho provato con min-height: 100%; ma niente uguale.
Vi posto il testo della parte incriminata e i css che li descrivono:
index.php: <div id="contenuti">
<div id="left">
<div id="leftcol">
<? if (mosCountModules( "left" )) {mosLoadModules ( 'left',-3);} ?>
</div>
</div>
<div id="main">
<div id="user1"><? if (mosCountModules( "user1" )) {mosLoadModules ( 'user1',-2);} ?></div>
<div id="user2"><? if (mosCountModules( "user2" )) {mosLoadModules ( 'user2',-2);} ?></div>
<div class="clr"></div>
<div class="content"><?php mosMainBody(); ?></div>
<div class="clr"></div>
</div>
<div id="right">
<div id="leftcol">
<? if (mosCountModules( "right" )) {mosLoadModules ( 'right',-3);} ?>
</div>
</div>
</div>
CSS#contenuti {
clear: both;
margin: 0; padding: 0;
background: #FFF url (../images/immagine.gif) no-repeat;
widht:980px;
background-position; top left;
}
#left {
float: left;
width: 197px;
margin: 0; padding: 0;
background: #fff url(../images/Promotica_home2_04.jpg) repeat-y;
}
#main {
float: left;
margin: 0;
padding: 0;
width: 581px;
height: 100%;
background: #fff;
}
#right {
float: right;
width: 199px;
height: 100%;
min-height: 100%;
padding: 0; margin:0;
background: #BAD3E7;
border: 1px solid #02497F;
}
Penso che left_col e gli altri div non c'entrino .....
Grazie per chiunque vorrà suggerirmi una risposta.
Ciao !
