3 Colonnes fixes (en-tête et pied de page) en DIVs, NO DIVs absolus, IE friendly, TOUTES les colonnes s'étendent également

Question

De gauche à droite, Col1 id 560px large avec 10 px de remplissage, colonne du milieu, 250px de large avec 5px padding et Col3 (siderbar) est 200px de large avec un remplissage de 3px. ColoR d'arrière-plan, peu importe la longueur du texte dans une colonne doit s'étirer verticalement égal. Pas de javascript (solutions de contournement jQuery) pour le faire fonctionner. Il doit être pur Markup sémantique avec CSS. Chaque colonne devrait avoir une colonne imbriquée de couleur où le contenu ira. La colonne 1 devrait être proéminente de SEO qui signifie la colonne imbriquée la plus élevée pour que Google et d'autres moteurs de recherche explorent. J'ai utilisé la mise en page "Le Saint Graal", des articles sur "A List Apart" et ces solutions sont tellement compliquées qu'elles poussent les colonnes principales à gauche et que les colonnes imbriquées les poussent avec le rembourrage à droite. ces exemples, mais ils ne sont pas éditables en ajustant juste une largeur dans le CSS ou le remplissage, etc. Pouvez-vous s'il vous plaît m'aider?

Answer 1

Les solutions connues sont complexes parce que, malheureusement, ce que vous décrivez est juste pas facilement accompli en pré-HTML5/CSS3 Ce n'est pas fou, c'est l'état de l'art.Les personnes qui ont développé et décrit la solution dans A List Apart sont les experts de l'industrie faisant autorité sur la recherche de ces choses

Les meilleures options sont soit d'utiliser JavaScript pour calculer la taille des colonnes et le mettre en place à l'exécution ou être satisfait de la modification manuelle requise par une solution CSS pure. Pour la plupart des sites, je recommande d'utiliser JS, car une bonne disposition des colonnes peut être considérée comme une "amélioration" - le balisage sémantique présenté verticalement est toujours lisible, et optimisé pour le SEO, et les clients JS peuvent progressively enhance avoir un joli balisage, Présentation en 3 colonnes. Si votre site est public et a une distribution démographique typique, vous avez environ 90% de chances de réussite avec JS, et les 10% restants sont habitués à des sites qui ne sont pas très jolis ou qui ont l'air tout à fait correct.