<https://forum.zebulon.fr/topic/108238-plusieurs-questions-sur-la-mise-en-page/#comment-856272>
<http://schema.org/text>
"Plutôt sympa, effectivement, la dynamique du site Moonda. En plus, j'adore les fonds sombres, je trouve ça reposant, même si tout le monde dit que le meilleur contraste, c'est d'écrire noir sur blanc... \n  \nEn revanche, j'ai jeté un oeil sur le code, ce n'est pas très orthodoxe. Il y a un joyeux mélange entre contenu et présentation (avec des instructions de mise en forme directement dans les balises du &lt;body&gt;). Sans avoir détaillé, j'ai aperçu du JavaScript (sans doute pour piloter le dynamisme des enchaînements). \n  \nPour revenir à ton problème, je verrais bien une solution hyperclassique en trois colonnes, à l'aide de 3 blocs &lt;div&gt; s'alignant de gauche à droite (avec, si nécessaire, une entête et un pied de page, mais ce n'est pas sûr d'après la description de ton besoin). Tu trouveras un  excellent exemple avec le site \"souris folle\" de Môssieur Tangui (l'adresse est vers la fin de mon topic cité plus haut). Très pur dans l'écriture (respect des normes). \n  \nSi tu définis ta &lt;div&gt; centrale en vertical-align:middle, le texte que tu y inséreras restera cadré central en hauteur, d'où l'effet recherché, plus souple qu'avec ton tableau de 9 cases. Il te restera, \nsoit à te prémunir contre les débordements en calibrant bien les textes que tu y mets,  \nsoit à accepter, malgré tout, un ascenseur vertical pour les définitions d'écran trop limitées (genre 640x480, voire 800x600, sachant qu'une très large majorité des écrans sont aujourd'hui au moins en 1024x768).  \nMême si cela ne te satisfait pas entièrement, tu bénéficieras au moins d'une solution robuste et simple, qui aura le mérite d'être aisée à maintenir parce que facile à comprendre lorsque tu voudras t'y remettre quelques mois plus tard - et qui restera élégante, malgré tout (au moins techniquement). Des tas d'auteurs suggèrent d'éviter la sophistication, primo pour assurer la pérennité de la solution par rapport aux évolutions des langages et des navigateurs, et secundo pour faciliter la maintenance (mais là, je me répète). \n  \nUn point de détail : si tu veux comprendre comment fonctionne une page, capture-la par \"fichier\" / \"enregistrer sous\", tu auras le code HTML d'une part, et d'autre part un répertoire contenant tout ce qui est nécessaire à son affichage (feuille de style, images, javascript, etc). C'est souvent révélateur. \n"
<https://forum.zebulon.fr/topic/108238-plusieurs-questions-sur-la-mise-en-page/>