web-dev-qa-db-fra.com

Disposition CSS à 2 colonnes à fluide fixe

Je me demandais si quelqu'un ici avait un tutoriel assez simple pour la disposition CSS 2 colonnes suivante. Une colonne fixe gauche et une colonne de contenu fluide, avec un en-tête et un pied de page et des hauteurs de colonne égales.

38
Newbie

Essayez cette disposition Dynamic Drive et ses proches (qui m'ont été signalés via une question similaire).

28
chaos

Il existe en fait une solution encore plus simple à ce problème que j'ai découverte il n'y a pas si longtemps. Fonctionne bien de retour à IE7. La div #fluid glissera à côté du correctif fixe et occupera l'espace restant tout en conservant une grande fluidité pour tous les sites réactifs.

http://jsfiddle.net/uEj55/1/

#fixed{
  width:150px;
  float:left;
}
#fluid{
  overflow:hidden;
}
47
sdw3489

Celui que j'utilise est le hack de mise en page de fausses colonnes, qui n'inclut aucun script.

Voici un tutoriel qui semble être une explication simple du concept: dustinbrewer.com

Voici l'article original d'alistapart.com que j'ai appris de: alistapart.com

Bonne chance!

1
TallGreenTree