- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Da 4 ... a 3 colonne con il collasso della left!
-
Da 4 ... a 3 colonne con il collasso della left!
Ciao. Il mio sito ha 4 colonne che da sinistra a destra si chiamano:
a) left1 circa 150px
b) breadcrumb (con sotto user7), di circa 450px -> dove si visualizzano gli articoli.
c) left circa 150px
d) right circa 250pxVorrei che, se io non usassi la left (la 3à da sinistra), il breadcrumb divenisse automaticamente di 600px circa (aumentando dunque la larghezza degli articoli) e che la right rimanesse a 250px senza scompaginarsi.
Potete aiutarmi? Grazie veramente di cuore in anticipo ...
<!-- Start Content --> <div id="contentcontainer"> <div id="contentinside"> <?php if ($this->countModules('left1')): ?> <div class="contentrightleft"><jdoc:include type="modules" name="left1" style="XHTML" /></div> <?php endif; ?> <div id="contentleft"> <div class="contentleft"> <div class="breadcrumb"><jdoc:include type="modules" name="breadcrumb" style="XHTML" /></div> <div><jdoc:include type="component" /></div> </div> <?php if ($this->countModules('user7')): ?> <div class="contentleftbottom"> <div><jdoc:include type="modules" name="user7" style="XHTML" /></div> </div> <?php endif; ?> </div> <?php if ($this->countModules('user5 or left or right or user6')): ?> <div id="contentright"> <?php if ($this->countModules('user5')): ?> <div class="contentright"><jdoc:include type="modules" name="user5" style="XHTML" /></div> <?php endif; ?> <div style="clear:both"></div> <?php if ($this->countModules('left or right or left1')): ?> <?php if ($this->countModules('left')): ?> <div class="contentrightleft"><jdoc:include type="modules" name="left" style="XHTML" /></div> <?php endif; ?> <?php if ($this->countModules('right')): ?> <div class="contentrightright"><jdoc:include type="modules" name="right" style="XHTML" /></div> <?php endif; ?> <?php endif; ?> <div style="clear:both"></div> <?php if ($this->countModules('user6')): ?> <div class="contentright"><jdoc:include type="modules" name="user6" style="XHTML" /></div> <?php endif; ?> </div> <?php endif; ?> </div> </div> <!-- End Content -->