Back to top

Autore Topic: [RISOLTO] Problemino collassamento Colonne  (Letto 974 volte)

Offline Ghinghino

  • Esploratore
  • **
  • Post: 176
    • Mostra profilo
[RISOLTO] Problemino collassamento Colonne
« il: 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
Codice: [Seleziona]
<!-- 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


right + content


left + content + right


Grazie a tutti
« Ultima modifica: 14 Mar 2011, 22:39:16 da Ghinghino »

Offline Ghinghino

  • Esploratore
  • **
  • Post: 176
    • Mostra profilo
Re:Problemino collassamento Colonne
« Risposta #1 il: 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  :-["

 



Web Design Bolzano Kreatif