centre
Ici la principale aire de contenu de la page. Pas de positionnement appliqué à cette aire, les marges ont été réglés sur les colonnes droite et gauche. Selon ce que vous souhaitez concevoir, ce format 3-colonnes peut se montrer complètement liquide, complètement fixé (en largeur avec width) ou la combinaison des deux.
Mes contraintes de conception sont simples : je veux un en-tête et un pied de page en plus de trois colonnes. Parce qu'une bonne partie des lecteurs utilisent encore Netscape 4 sur des stations Unix, je veux quelque chose qui tourne sur ce type de navigateur. Je veux aussi être capable d'utiliser cette conception basique et l'appliquer de différentes façons, de telle manière que les <div>s aient besoin d'être réglées et que cela ait du sens si je mets des arrière-plans sur elles et/ou trace quelques bordures autour. Ceci offre des interactions comme celle-ci dans les navigateurs récents.
Deux excellents gabarits ont été créés et ont retenu mon attention la semaine dernière. La plupart faisait un excellent travail pour créer une mise en page à 3 colonnes qui fonctionne dans NN4 et de meilleurs navigateurs. Mais aucun d'entre eux ne répondait à mes exigences. Aussi, les ai-je étudiés et paramétré ma propre version.
Aucun de ces commentaires n'ait ici fait pour porter quelque jugement sur les autres types de gabarits 3 colonnes. C'est simplement mon humble contribution pour créer quelque chose qui répond à mes besoins.
La version de Craig Saila fait presque tout ce dont j'ai besoin, à part le pied de page.
Et la version de Al Sparber, est dans de nombreuses situations bien meilleure que la mienne : elle n'offre ni pied de page ni possibilité d'inclure un fond de couleur ou une bordure. Je noterai qu'aucune des colonnes ne déborde sans parler comment vous redimensionnez la fenêtre du navigateur - une fonctionnalité dont ni Claig ni moi-même ne se plaindra.
D'un côté vous bénéficiez de cette version quand vous naviguez avec IE5 800x600 mais sur Mac vous n'avez pas la barre de défilement horizontale.
So, pick your poison...
![[page faite avec CityDesk]](../Images/MadeWithCityDesk.gif){kind=small}
`
