essentiellement mon code html ressemble:comment faire 2 div diviseur de largeur fixe et 1 div principal flexible-largeur?
<div id="leftbar"></div>
<div id="content"></div>
<div id="rightbar"></div>
comment puis-je code avec css pour que les tous les 3 divs seront côte à côte et leftbar et rightbar ont une largeur fixe tandis que le contenu sera flexible pour remplir le navigateur web.
Essayez ceci: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
Que diriez-vous celui-ci: http://www.glish.com/css/7.asp
Flottez la barre de gauche vers la gauche et attribuez au contenu une valeur de marge égale à (ou supérieure) à la largeur de la barre de gauche. Faites flotter la barre droite vers la droite et donnez au contenu une valeur margin-right égale (ou supérieure) à la largeur de la barre droite.
.nav1 { width:200px; float:left; }
.nav2 { width:200px; float:right; }
.content { margin:0 210px; }
.clear { clear:both; }
-
<div id="wrapper">
<div class="nav1">Main Nav Items</div>
<div class="nav2">Other Nav Items</div>
<div class="content">Content goes here</div>
<div class="clear"></div>
</div>
mais son quelque chose de mal avec cette approche. Quand je minimise le navigateur, la barre de droite se déplace sous tout. – ajsie
Maintenant modèle a css FlexBox.
Vous devriez lire la spécification pour obtenir la mise en page flexible de page
cette page ne fait pas de colonnes de largeur fixe mélangées avec des colonnes flexibles – ajsie
@noname: ajouté un différent. Notez, il existe plusieurs dispositions différentes sur le site mathewjamestaylor.com, dont l'un est ce que vous cherchez si vous fouiller. –
merci ... ressemblait à de très bons tutoriels! – ajsie