Joomla.it Forum

Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : gt_67 05 Dec 2007, 17:20:54

: Problema con template con tre colonne classico
: gt_67 05 Dec 2007, 17:20:54

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 !

: Re: Problema con template con tre colonne classico
: raffajoomla 06 Dec 2007, 10:36:24

e invece mi sa che c'entrano eccome.

il modulo right sta proprio dentro al div leftcol...

: Re: Problema con template con tre colonne classico
: joomlapixel 09 Dec 2007, 02:00:06

hmmm
il codice è errato
c'è una ripetizione di un div con id leftcol,tra l'altro inserito all'interno del div rightcol...............
credo tu ti sia un pò incartato.

: Re: Problema con template con tre colonne classico
: gt_67 10 Dec 2007, 11:28:30

Ciao, grazie della risposta ad entrambi.

In effetti devo essermi incartato un pochettino :-)

CMQ ho risolto in altro modo, anche se non mi piace per niente perchè avrei voluto l'intera pagina solo con div e senza tabelle.

Ho creato una tabella, una riga per tre colonne, dimensionate giuste, e all'interno ho inserito i tre div che iniziano in alto .....

CMQ non demordo :-) durante le vacanze di natale con un pò di tempo a disposizione conto di approfondire la questione.

Grazie di nuovo, ciao !