2 collones de même hauteur

[olima]

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

<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

[olima]

Re : 2 collones de même hauteur

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

<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>

<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>

[lomart]

Re : 2 collones de même hauteur

Regardez ce lien pour voir quelle solution s'adapte le mieux à votre contexte