garder div flottant vers la gauche si la fenêtre du navigateur devient plus petit

Question

J'essaie de faire une sorte de chronologie, mais je ne peux pas garder le div flottant horizontalement.

J'ai un conteneur div avec débordement caché. À l'intérieur du conteneur, j'ai des div flottant vers la gauche. À l'intérieur de ces div sont ul avec une largeur fixe.

Si je redimensionne le navigateur, je veux que le div soit gracieusement coupé du côté droit.

La situation actuelle est que il flotte sous la précédente et en laissant un peu espace blanc laid.

Comment puis-je tout maintenir horizontalement?

Toute aide est appréciée!

grâce à adv, Richard

EDIT

<STYLE> 
    #bericht_container{ border: thin solid #000000; margin-left:20px; overflow:hidden; padding:10px; width:900px;} 
    DIV.bericht_maand{ float:left; margin-left: 20px; border: 2px solid #A0A0A4; } 
</STYLE> 

Answer 1

Vous devez les envelopper dans un div qui est la largeur minimum que vous voulez que votre page soit.

E.g.

#wrapper { width: 900px; } 

<div id="wrapper"> 
    ... Your current HTML ... 
</div> 

Vous ne pouvez pas avoir la div « dissapear » du bord avec CSS, mais vous pourriez avoir la page montrent une barre de défilement horizontale lorsque cela se produit.

Answer 2

Je ne l'ai pas testé, mais je pense que cela devrait fonctionner si vous définissez la largeur div à 100% et le débordement caché?