Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Ghinghino 14 Mar 2011, 22:10:19

: [RISOLTO] Problemino collassamento Colonne
: Ghinghino 14 Mar 2011, 22:10:19

Ciao a tutti, ho seguito la guida nel wiki e sono riuscito a buttare giu lo scheletro e far collassare "in parte" le colonne left e right con il content.

il problema è nella visualizzazione nel momento in cui è attivo un solo modulo + il content ovvero le colonne "non lavorano" (allego immagini ed il codice utilizzato fino adesso)

Codice PHP

:

<!-- INIZIO CONTAINER -->
        <div id="container">
        <?php if ($this->countModules ('left')) { ?>
            <div id="left">
        <jdoc:include type="modules" name="left" style="xhtml" />
            </div>
            <?php } ?>
           
           
           
         <?php if ($this-> countModules ('left') &&  $this-> countModules ('right')) {
 $classe_contenuti ='content';
 } else {
if ($this-> countModules ('left') ||  $this-> countModules ('right')) {
$classe_contenuti = 'content_upright';
 } else {
$classe_contenuti = 'content_full'; 
 }
 }
 ?>
         
           
         <div id="<?php echo $classe_contenuti; ?>">
        <jdoc:include type="message" />
                <jdoc:include type="component" />
            </div>
       
         <?php if ($this->countModules ('right')) { ?>
          <div id="right">
        <jdoc:include type="modules" name="right" style="xhtml" />
            </div>
         <?php } ?>
               
        </div>
       
       
        <!-- FINE CONTAINER -->

Codice CSS

[code]
#container{
width:980px;
/*height:200px;*/
/*border:1px solid #9F0;*/
background:#F00;
margin: 0 auto;
}

#left{
width:190px;
/*height:200px;*/
/*border:1px solid #300;*/
background:#0F0;
float:left;
}

#right{
width:190px;
/*height:200px;*/
/*border:1px solid #300;*/
background:#CC0;
float:left;
}
#content{
width:590px;
/*height:200px;*/
/*border:1px solid #300;*/
background:#C63;
float:left;
}

.content_upright{
widht:780px;
float:left;

/*height:200px;*/
}

.content_full{
widht:980px;
float:left;
/*height:200px;*/
}

[/code]

i risultati sono questi

left + content
(http://img34.imageshack.us/img34/9760/leftecontentattivi.th.jpg) (http://img34.imageshack.us/i/leftecontentattivi.jpg/)

right + content
(http://img222.imageshack.us/img222/8105/rightecontentattivi.th.jpg) (http://img222.imageshack.us/i/rightecontentattivi.jpg/)

left + content + right
(http://img684.imageshack.us/img684/7782/leftcontenterightattivi.th.jpg) (http://img684.imageshack.us/i/leftcontenterightattivi.jpg/)

Grazie a tutti

: Re:Problemino collassamento Colonne
: Ghinghino 14 Mar 2011, 22:38:29

Chiedo scusa ma ho trovato l'errore, analizzando con firebug ho visto che non venivano richiamate le classi che impostavano i parametri del content con 1 o 0 colonne attive, in + nel css avevo commesso un paio di errori ortografici "ops  :-["