bonjour,
je tente d'afficher un template liquide 3 colonnes centré dans la page, dont la résolution cible est de 1024px de large, mais qui peut diminuer jusqu'à 800px avant de devenir fixe.
pour satisfaire à certains critères d'accessibilité, il faut également que mes 3 colonnes apparaissent dans l'ordre dans le code html (gauche > centre > droite).
je ne souhaite pas mettre en pratique le principe consistant à appeller d'abord les colonnes gauche et droite puis le bloc central dans le html et à caler le tout à l'aide de floats et de marges en css.
exemple ici : http://www.pixy.cz/blogg/clanky/css-3col-layout/
jusque là, pas de problème.
mon souci est que les différentes colonnes que j'utilise sont englobées dans un bloc "wrapper", mais ne prennent pas la hauteur totale de celui-ci.
(la hauteur est tributaire du volume de contenu).
voyez plutôt (Firefox ou Opera uniquement pour mon exemple) : http://cmlien.free.fr/alsa/
j'ai parcouru des tas de tutoriels et de galeries de layouts, mais rien à faire!
le système employé plus haut fonctionne bien mais a 2 désavantages : il n'est pas 100% accessible (l'ordre d'apparition des informations de visu dans le navigateur est différent de celui dans le code source) et pose des problèmes une fois que le template est centré dans la page et que du contenu y est intégré (désolé, je n'ai plus d'exemple sous la main, vous êtes obligés de me croire!).
quelqu'un a-t'il une solution?
merci par avance
Modifié par css.addict (13 Dec 2007 - 09:22)
je tente d'afficher un template liquide 3 colonnes centré dans la page, dont la résolution cible est de 1024px de large, mais qui peut diminuer jusqu'à 800px avant de devenir fixe.
pour satisfaire à certains critères d'accessibilité, il faut également que mes 3 colonnes apparaissent dans l'ordre dans le code html (gauche > centre > droite).
je ne souhaite pas mettre en pratique le principe consistant à appeller d'abord les colonnes gauche et droite puis le bloc central dans le html et à caler le tout à l'aide de floats et de marges en css.
exemple ici : http://www.pixy.cz/blogg/clanky/css-3col-layout/
jusque là, pas de problème.
mon souci est que les différentes colonnes que j'utilise sont englobées dans un bloc "wrapper", mais ne prennent pas la hauteur totale de celui-ci.
(la hauteur est tributaire du volume de contenu).
voyez plutôt (Firefox ou Opera uniquement pour mon exemple) : http://cmlien.free.fr/alsa/
j'ai parcouru des tas de tutoriels et de galeries de layouts, mais rien à faire!
le système employé plus haut fonctionne bien mais a 2 désavantages : il n'est pas 100% accessible (l'ordre d'apparition des informations de visu dans le navigateur est différent de celui dans le code source) et pose des problèmes une fois que le template est centré dans la page et que du contenu y est intégré (désolé, je n'ai plus d'exemple sous la main, vous êtes obligés de me croire!).
quelqu'un a-t'il une solution?
merci par avance
Modifié par css.addict (13 Dec 2007 - 09:22)
