Comment créer des colonnes de hauteurs égales ?

Pour accéder à cette section
Connectez-vous !

Pseudo	Commentaire
Page Précédente 1 2
Page Précédente 1 2
Flipsyde	# Posté le 15/02/2008 à 19:34:40
Meeeeeow Ville : Tavannes Pays : Suisse	Simple et pratique, merci Mon chat c'est un véritable taré, mais il est mignon non ?
Finality	# Posté le 17/02/2008 à 09:29:04
petit mais costaud Études : SUPINFO Aquitaine à Bordeaux	comme indiqué dans l'entête le tuto n'est fait que pour un design fixe Sinon, il faut savoir que min-height et max-height ne sont pas interprétés de la même manière entre Firefox et IE : alors bon courage pour que ton design passe sur les 2 navigateurs de la même façon
Torajio Bangani	# Posté le 01/06/2008 à 23:37:32
Compte inactif	Je me permet de corriger ce qu'a dit Annacconda : un div avec {height: 100%} ne prendra toute la place verticale que si ses parents ont une dimension fixée. Par exemple, si on ne définit pas la hauteur du conteneur, la solution du height: 100% ne fonctionnera pas. Dans le cas où on met {height: 100%} au conteneur, il faudra que son propre conteneur est un height défini. Ainsi, on en vient à mettre un {height: 100%} à tous les éléments parents (par exemple : html > body > #page > #conteneur ) aux deux colonnes. Ça peut être lourd, mais cette méthode est plus propre (moins de <div> ), flexible (résoud le problème des contours) et fonctionne sur les designs extensibles. Cependant, j'ai trouvé une solution encore plus propre et encore plus efficace... un design linéaire (suffit d'aller voir mon site ) ! Un petit 12. La méthode est bonne en soi, fonctionne très bien, mais n'exploite pas correctement les propriétés CSS... PS : Citation : ManiaGames Si vous ne pouvez pas faire quelque chose avec le CSS, faites le avec du (x)HTML ! Le XHTML est un langage permettant de structurer logiquement des informations à l'aide de balises ayant chacune un sens sémantique précis et immuable. Le CSS n'est rien d'autre qu'un langage de mise en forme, de présentation du contenu structuré par XHTML. En plus d'être une chose à ne faire en aucun cas, utiliser un tableau pour mettre en forme le contenu est sémantiquement incorrect et, dans certains cas, il faudra corriger l'ordre de focus des tabulations, perturbé par les colonnes, à grand coup de tabindex. Citation : ManiaGames Un tableau, ça s'affiche de la même manière sur tous les navigateurs, et ça garde une mise en forme même chez ceux qui désactivent les feuilles de style (navigateur textuel). Juste. Mais dans le cas d'un navigateur textuel, par exemple Lynx, le contenu est montré de différente façon (couleur, ...) selon son sens sémantique (les balises qui l'entourent). Ainsi, un tableau sous Lynx gardera certes la mise en forme de ton site, mais l'utilisateur sera perturbé de voir que le site est bizarrement construit. Le tableau induira également en erreur les synthétiseurs vocaux des personnes malvoyantes et/ou aveugles. Pour finir, sache que si les synthétiseurs vocaux seront perdus, les bots des moteurs de recherche (Google, ...) le seront également ! Ainsi, tu auras beaucoup plus de mal à avoir ton site dans les résultats de recherche. Voilà Compte inactif
KorangaR	# Posté le 21/10/2008 à 19:51:59
	Un peu plus de pragmatisme ne te ferait pas de mal Torajio Bangani, non ce n'est pas parce qu'un site est fait en tableaux qu'il est forcément difficile de naviguer avec une assistance orale, et ce genre de sites n'est pas non plus banni du référencement (ca se saurait qd même, vu tous les sites fait en tableaux très populaires...). Apart ça jne vais pas répéter ce qui a déjà été dit, le tuto se présente comme solution générique alors qu'il y a pas mal de limitations, il y a aussi des div inutiles tel le fameux div clear (un simple overflow:hidden sur le div conteneur aurait été suffisant). Dommage que les tableaux en CSS ne soient pas présentés ainsi que les colonnes CSS (columns, column-width etc.) qui sont bien plus puissants malgré les problèmes d'implémentation.
anonyme	# Posté le 11/01/2009 à 21:52:37
	Pour un design très basique, ça marche très bien. Merci de l'astuce.
Tahmahal	# Posté le 04/04/2009 à 15:29:33
Orassia !	Je trouve vraiment dommage que des tutos comme celui-ci restent Je ne dénigre pas l'auteur, il y a un vrai travail de présentation, etc. Mais la technique est vraiment pas top et il y en a d'autres ... C'est comme un panneau qui pointe dans une mauvaise direction au début de l'apprentissage de certains. Et finalement on a les personnes comme un message disant que faire avec les tableaux, c'est mieux car ça s'affiche correctement. Et puis les nouveaux navigateurs commencent à intégrer des choses comme display: table-cell ... qui règlent tout ça.
yadelavie	# Posté le 30/06/2010 à 17:03:24
	Bonjour, Je suis totalement débutante en la matière.... ceci dit j'ai suivi méticuleusement le cours de Mathéo. Et j'en viens maintenant à tenter de découvrir des petites astuces. Je ne comprends pas des masses l'utilité de ce tuto. j'ai essayé ça marche c'est une chose....c'est déjà une bonne nouvelle; mais alors je ne comprend pas du tout comment avec cette technique on en arrive à un tel résultat. Pourquoi ne pas mettre directement des hauteurs similaires aux colonnes ??? Il doit y avoir quelque chose qui m'échappe !!!! merci Yadelavie
Mistermoon69	# Posté le 24/05/2011 à 17:49:57
	Déçu... Ce n'est pas un tuto mais de l'astuce. Disons que cela peut servir pour des sites très simples mais çà n'ira pas plus loin... Je suis débutant et j'attends du SDZ d'apprendre des vrais tutos propres. Pour l'alignement des colonnes, je conseille plutôt le tuto sur le design extensible de Bob où là vous apprendrez des scripts nickels! Je ne mettrais pas de note pour ne pas te décourager. Continue tout de même...