2010-06-27 34 views
0

Avec une disposition fluide, essayez d'avoir une barre de gauche de 200px et la div de droite devrait s'élargir en largeur. Quand un contenu large entre (disons une table avec quelques colonnes), si le navigateur n'est pas assez large, le div juste est poussé en dessous de la barre de gauche.Aligner un DIV à droite d'une barre de gauche de largeur fixe

Comment puis-je trier cela?

#container{ 
    min-height:300px; 
} 
#leftBar{ 
    width:200px; 
    float:left; 
} 
#content{ 
    float:left; 
    padding:20px; 
} 

<div id="container"> 
<div id="leftBar"> 
    Left bar here fixed width 200px 
</div> 
<div id="content"> 
    Should expand to fit parent div, but any long content pushes this beneath the leftBar div 
</div> 
<div class="clear"></div> 
</div> 
+0

toute personne idées? –

+0

duplication possible de [En CSS, comment puis-je obtenir une colonne de largeur fixe de gauche avec une table de droite qui utilise le reste de la largeur?] (Http://stackoverflow.com/questions/468038/in- css-how-do-i-get-a-left-side-fixed-largeur-column-with-a-right-side-table-that) –

+0

duplication possible de [Comment obtenir des DIVs flottantes à l'intérieur de DIV à largeur fixe continuer horizontalement?] (http://stackoverflow.com/questions/1015809/how-to-get-floating-divs-inside-fixed-width-div-to-continue-horizontally) – rds

Répondre