Précision pour les boîtes dynamiques de hauteur des CSS

Question

J'ai le plus de temps à essayer de comprendre ce (devrait être) css simple:

site est ici: http://mibsoftware.us/fct/index.php

Je suis tout simplement essayer d'obtenir mon #leftcolumn et #maincolumn pour être à l'intérieur du #content_container, et pourtant tout ce que je fais ne fonctionne pas du tout. Je voudrais que le #content_container soit une hauteur dynamique puisque la hauteur de #leftcolumn et #maincolumn change en fonction de la page sur laquelle vous vous trouvez. Du point de vue de mon css, cela devrait fonctionner correctement, il me manque donc quelque chose dans mon fichier .css pour déclarer ces divs. Toute aide serait grandement appréciée, car ce serait une excellente expérience d'apprentissage pour moi.

Answer 1

Définissez overflow:hidden sur votre #content_container.

Here is a nice resource pour en savoir plus sur le nettoyage des flotteurs et autres.

Vous pouvez également définir .clearfix classe sur votre #content_container et définir en CSS comme ceci:

/* Clearing floats without extra markup 
    Based on How To Clear Floats Without Structural Markup by PiE 
    [http://www.positioniseverything.net/easyclearing.html] */ 

.clearfix:after, .container:after { 
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
} 
.clearfix, .container {display: block;}