Layout Gala : 40 modèles de page

Tous présentent la même structure HTML à cinq blocs principaux :

<div id="container">
        <div id="header">Header</div>
        <div id="wrapper">
                <div id="content">Content</div>
        </div>
        <div id="navigation">Navigation</div>
        <div id="extra">Extra stuff</div>
        <div id="footer">Footer</div>
</div>

Cette structure peut être ainsi traduite en français [*] :

<div id="page">
        <div id="entete">Entête</div>
        <div id="conteneur">
                <div id="contenu">Contenu</div>
        </div>
        <div id="navigation">Navigation</div>
        <div id="extra">Extra</div>
        <div id="pied">Pied</div>
</div>

C’est le code CSS différent de chaque modèle qui dispose ces blocs de multiples façons, proposant quarantes mises en page fluides (en % ou en em) ou en largeur fixe, à une, deux ou trois colonnes.

Réalisés par l’italien Alessandro Fulciniti, ces modèles de page sont valides HTML et CSS, sans hacks, compatibles avec la majorité des navigateurs (testés avec succès sur Internet Explorer/Win 5.0, 5.5, 6 et la version beta 2 d’IE7 ; Opera 8.5, Firefox 1.5 et Safari 2). À utiliser sans modération, en veillant toutefois à ne pas trop dégrader le code initial pour en garder l’avantage.