Je me demandais si quelqu'un ici avait un tutoriel assez simple pour la mise en page css 2 colonnes suivantes. Une colonne fixe à gauche et une colonne à contenu fluide, avec un en-tête et un pied de page et des hauteurs de colonne égales.Disposition CSS 2-Colonne fixe-fluide
Essayez this Dynamic Drive layout et ses proches (que j'ai été pointé par une question similaire de la mienne).
Celui que j'utilise est le hack de mise en page faux-colonne, qui ne comprend aucun script.
Voici un tutoriel qui semble être une simple explication du concept: dustinbrewer.com
Voici l'article alistapart.com original que j'ai appris: alistapart.com
Bonne chance!
Il existe une solution encore plus simple à ce problème que j'ai découvert il n'y a pas si longtemps. Fonctionne bien à IE7. Le div #fluid va glisser à côté du correctif fixe et occuper l'espace restant tout en conservant une grande fluidité pour tous les sites sensibles.
#fixed{
width:150px;
float:left;
}
#fluid{
overflow:hidden;
}
Est-il possible d'obtenir les hauteurs de colonnes toujours égales? Voir cette démo, je ne voudrais pas voir de rouge. http://jsfiddle.net/louiswalch/uEj55/92/ –
Cette solution fonctionne également très bien si vous voulez la colonne fixe sur la droite et le fluide sur la gauche. Changez simplement le css pour #fixed à float: right. – ctown4life
C'est génial - pouvez-vous expliquer ce que débordement: caché fait dans ce contexte? – IcedDante
La plupart de ce que je sais sur le langage HTML et CSS j'ai appris de [HTML Dog] (http://htmldog.com). HTML Dog a [une page dans son didacticiel] (http://htmldog.com/guides/cssadvanced/layout/) sur la création d'une mise en page à deux colonnes avec un pied de page. –