Journal de bord

mercredi 7 juillet 2010

An ode to tables

Dans le groupe “Web Standards” de LinkedIn, je viens de tomber sur ce qui ressemble à un vieux troll moisi :

On Friday I received a status report from the web development company doing the back end of my client’s new web site. In the report was an explanation about why the sidebar on the left side of the page had to be shorter than the main content panel when my Photoshop layout showed the sidebar and main content equal heights. Perhaps it was my naivete when I expected their css-based layout to do what tables used to. Maybe it has to do with the development company who doesn’t have a designer on staff to act as an advocate for the integrity of the client’s design. Or maybe it’s a bit of both.

After doing a search on how to make a css-based sidebar 100% the height of the content panel, I understood the problem. The css declaration “height:100%;” doesn’t do what it promises. The only solution is write a lot of additional css code to act as a hack or workaround and many of these solutions fall apart depending on the browser. It seems that those responsible for determining that css was the new page layout standard gave designers sub-standard tools to work with and didn’t fully think through the functionality.

In all of this I keep coming back to tables. The same layout for my client’s web site done in tables would have easily matched my Photoshop page layout. In spite of the fact that we are told that browsers may end their support for tables, it hasn’t happened yet and I don’t expect it to happen soon. Tables render the same across almost all major browsers and there are a lot of table-based sites out there

I have seen a lot of people bashing table-based design recently. However in defense of tables, a table-based layout can be created with a minimum of code. It doesn’t require a page and a half of additional code to make the layout work properly. I am seriously considering going back to tables for my own web design. I will only abandon tables when the W3C or whomever makes these decisions provides designers like me better tools that work more reliably.

Mark

Ma curiosité étant piquée, je suis allé voir ce que faisait ce “web designer”. Et j’ai compris que ce n’était pas un troll, qu’il était tout à fait sincère. Je pensais qu’on avait définitivement eu la peau du “table-based layout”, il y a encore des îlots de résistance. Pédagogie, pédagogie, et encore…

1. Le 7 juillet 2010,
Mox Folder

Sinon y a Flash aussi…

2. Le 7 juillet 2010,
Marco Polom

Bon sang, j’ai du mal à croire à son site. En même temps même fake c’est compliqué tellement c’est réaliste…

3. Le 7 juillet 2010,
celui

J’aurais pensé y trouver des applets java…

4. Le 7 juillet 2010,
Bob Marcel

“pédagogie, pedagogie” ? on dirait un discours des politiciens qui nous expliquent que quand une réforme passe mal c’est qu’elle a été mal expliquée. ils refuseront de dire que si ça passe mal c’est parceque c’est une mauvaise réforme.

5. Le 8 juillet 2010,
Pascale

Moi qui me trouve nulle en design, je suis rassurée…

6. Le 9 juillet 2010,
blah

Désolé de faire mon troll aussi, mais il faut admettre que passer du table-based layout au box model de css est un casse-tête incroyable. Si on me demande que ça ait la même tête sous IE6 je suis toujours très tenté d’utiliser des tables…

7. Le 9 juillet 2010,
padawan

@blah : tu as parfaitement raison. Les gens qui insistent pour qu’un site ait la même tête sous tous les navigateurs sont des cochons (et ceux qui nomment IE6 sont des porcs). Leur faire un design respectueux des standards web serait donner de la confiture aux cochons.

8. Le 9 juillet 2010,
niemand

Hitler hears news about Starcraft 2
Karl, Laurent, Padawan, il ne vous reste plus qu’à faire un sub de la vidéo d’Hitler à propos de l’utilisation des tableaux.

9. Le 12 juillet 2010,
Laurentj

@blah : il faut aussi admettre que ce type (comme beaucoup) ignore totalement le modèle de boite flexible CSS3, implémenté depuis plus de 10 ans dans firefox (utilisé par XUL), et depuis quelques années dans webkit (donc dans chrome, safari et j’en passe).

http://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/

10. Le 13 juillet 2010,
asha

Je ne comprends pas ceux qui trouvent les tableaux plus simples pour la mise en page… mais vraiment, vraiment pas. Je sors d’une semaine de maquettage HTML intensif avec plein de tableaux (des vrais, pleins de données), j’ai les yeux qui saignent, c’est horrible à bidouiller / faire évoluer / maintenir. Alors pour de la mise en page, ah non ! Qu’il aille se former un peu le garçon.

S’il trouve ça bien c’est qu’il en a pas assez fait. :)

Blah ? Touitter !