DIV's ou tableaux ou CSS ou être stupide

Question

Je sais que les tableaux sont destinés aux données tabulaires, mais il est tellement tentant de les utiliser pour la mise en page. Je peux utiliser des DIV pour obtenir une mise en page en trois colonnes, mais quand vous avez 4 DIV imbriqués, ça devient délicat.

Existe-t-il un tutoriel ou une référence qui me persuade d'utiliser des DIV pour la mise en page ?

Je veux utiliser des DIV, mais je refuse de passer une heure à positionner mon DIV/SPAN là où je le veux.

@GaryF : Blueprint CSS doit être le secret le mieux gardé du CSS.

Excellent outil - Générateur CSS Blueprint Grid .

Answer 1

Il y a le Yahoo Grid CSS qui peut faire toutes sortes de choses. Mais n'oubliez pas : CSS N'EST PAS UNE RELIGION . Si vous gagnez des heures en utilisant des tableaux au lieu de css, faites-le.

Les formulaires sont l'un des cas où je n'ai jamais pu me décider. J'adorerais le faire en css, mais c'est tellement plus compliqué que les tableaux. On pourrait même dire que les formulaires sont des tableaux, dans la mesure où ils ont des en-têtes (étiquettes) et des données (champs de saisie).

Answer 2

Au Royaume-Uni et aux États-Unis, il existe une obligation légale de privilégier les mises en page CSS par rapport aux tableaux. La Section 508 (États-Unis) et la Disability Discrimination Act (Royaume-Uni) couvrent les normes d'accessibilité pour les utilisateurs ayant une vision limitée.

Au Royaume-Uni, la législation va jusqu'à rendre illégal le fait de produire commercialement un site qui entrave les capacités d'un utilisateur malvoyant, de la même manière qu'il est désormais illégal d'avoir un magasin avec une marche pour y entrer et aucun moyen pour une personne en fauteuil roulant d'y accéder - il est vrai qu'il n'y a pas encore eu de poursuites pour accessibilité de sites Web. Cependant, j'opterais toujours pour le CSS, car il facilite grandement la maintenance de votre site à long terme.

Investir du temps dans l'apprentissage des CSS (j'ai utilisé les écoles du W3C et le magazine .Net). http://www.netmag.co.uk ) seront payants.

Answer 3

Pourquoi les tableaux pour la mise en page sont stupides : problèmes définis, solutions proposées .

Answer 4

À mon avis, le parti pris devrait être en faveur de CSS par rapport à IE6 - c'est-à-dire qu'à moins qu'il n'y ait une raison incroyablement bonne (par exemple, votre site ne s'adresse qu'aux personnes utilisant IE6, ce qui serait bizarre ), il vaut mieux "aliéner" les personnes qui utilisent IE6 plutôt que celles qui ont une mauvaise vue et/ou des agents utilisateurs automatisés. L'utilisation d'IE6 est en baisse ; ce dernier groupe est de plus en plus nombreux. Même si votre site n'est pas parfait dans IE6, il sera probablement plus facile à lire pour ces utilisateurs qu'une mise en page basée sur des tableaux pour ceux qui ne peuvent pas le voir.

Il s'agit d'une question très générale, il est donc difficile d'y répondre de façon précise. Les deux livres qui sont d'excellentes ressources sont :

• Bulletproof Web Design Dan Cederholm
• Maîtrise des CSS Andy Budd

Si vous ne devez consacrer qu'une heure à la conception de l'ensemble de votre site, c'est déjà pas mal.

Answer 5

CSS n'est peut-être pas une religion, mais c'est la façon dont les navigateurs interprètent le HTML pour la mise en page. Qu'on le veuille ou non, tous les navigateurs modernes utilisent (une version ou une autre) du modèle de boîte du W3C. Continuer à s'appuyer sur les tableaux, c'est continuer à s'appuyer sur une méthodologie qui est tout simplement mauvaise aux yeux des personnes qui conçoivent la technologie de rendu du Web.

Je sais que les CSS peuvent parfois sembler terriblement compliqués, mais je pense qu'ils sont indispensables à notre époque (croyez-moi, vos clients vont en vouloir).

Si vous ne vous sentez pas à l'aise pour prendre le temps d'apprendre les CSS (de manière à ce que le positionnement des éléments vous prenne quelques secondes ou minutes, et non une heure), vous devez confier le travail de mise en page à quelqu'un qui connaît vraiment le front-end.

Oui, il y a beaucoup de problèmes avec les implémentations actuelles de CSS dans les navigateurs, mais rien d'assez radical pour que vous ressentiez le besoin de revenir à une mise en page basée sur des tableaux. Il suffit de s'asseoir et de prendre le temps de l'apprendre, comme vous le feriez pour tout autre langage ou framework.

La meilleure ressource de référence en ligne que j'ai trouvée est celle-ci : http://reference.sitepoint.com/css

Mais cela ne peut pas faire de mal de regarder un livre comme Concevoir avec les normes Web qui vous aidera à comprendre pourquoi ces choses sont importantes.