2 collones de même hauteur

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • 2 collones de même hauteur

    J'ai pris le template "protostar" comme base, et j'aimerais que le "content" est la même hauteur que le "aside"

    Code PHP:
    <div id="content" class="<?php echo $span;?>">
                        <!-- Begin Content -->
                        <jdoc:include type="modules" name="position-3" style="xhtml" />
                        <jdoc:include type="message" />
                        <jdoc:include type="component" />
                        <jdoc:include type="modules" name="position-2" style="none" />
                        <!-- End Content -->
                    </div>
                    
                    <?php if ($this->countModules('position-7')) : ?>
                    <div id="aside" class="span3">
                        <jdoc:include type="modules" name="position-7" style="well" />
                    </div>
                    <?php endif; ?>
                    
    </div>
    Quelle serait la meilleur méthode ?
    Merci

  • #2
    Re : 2 collones de même hauteur

    Qu'en pensez vous ?
    J'aimerais votre avis sur ma méthode ou d'éventuels corrections.

    Code PHP:
    <div class="row-fluid row-height">

    <div id="content" class="<?php echo $span;?>">
            <!-- Begin Content -->
            <jdoc:include type="modules" name="position-3" style="xhtml" />
            <jdoc:include type="message" />
            <jdoc:include type="component" />
            <jdoc:include type="modules" name="position-2" style="none" />
            <!-- End Content -->
    </div>
        <?php if ($this->countModules('position-7')) : ?>
            <div id="aside" class="span3">
                <!-- Begin Right Sidebar -->
                <jdoc:include type="modules" name="position-7" style="well" />
                <!-- End Right Sidebar -->
            </div>
            <?php endif; ?>

    </div>
    Code:
    <style type="text/css">
    .row-height {
        background:#ccc;    
    
    }
    .row-height #content {
        display: table-cell;
        float: none;
    }
    .row-height #aside {
        min-height: 100%;
        height: 100%;
        display: table-cell;
        float: none;
    }
    
    
    @media (max-width: 767px) {
    .row-height #content,
    .row-height #aside{
        display:table;
        width:100%;
    }
    }
    </style>

    Commentaire


    • #3
      Re : 2 collones de même hauteur

      Regardez ce lien pour voir quelle solution s'adapte le mieux à votre contexte
      UP, le plugin universel à découvrir sur https//up.lomart.fr
      bgMax
      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X