38 votes

CSS Layout 2-Column fixed-fluid

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

Merci d'avance

48voto

sdw3489 Points 111

Il existe en fait une solution encore plus simple que celle que j’ai découverte il ya peu de temps. Fonctionne bien sur IE7. La div #fluid glissera à côté du correctif et occupera l'espace restant tout en maintenant une grande fluidité pour tous les sites réactifs.

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

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

28voto

chaos Points 69029

Essayez cette mise en page Dynamic Drive et ses parents (que l’on m’a pointé via une question similaire).

9voto

Franci Penov Points 45358

Vous pouvez également consulter Layout Gala , où vous pouvez voir environ 40 configurations différentes pour deux et trois colonnes avec des largeurs fixes et fluides.

1voto

TallGreenTree Points 1359

Celui que j'utilise est le hack de mise en page de colonne factice, qui n'inclut pas de 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!

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X