Vous avez peut être remarqué que les entêtes de pages et la navigation de ce site ont très légèrement changé… c’est le résultat de longues contorsions CSS pour supprimer tous les tableaux inutiles de ce site! (C’est à la mode! :P )

En fait, c’était plus un exercice de style qu’une réelle conviction que les tableaux doivent être définitivement bannis comme technique de mise en page HTML. Enfin plus précisément: oui IDEALEMENT il ne faudrait pas utiliser de tableaux à de seules fins de mise en page et tout faire en CSS, mais je pense que les implémentations actuelles de CSS dans les navigateurs les plus courants sont insuffisantes pour obtenir les résultats voulus. Alors certes, j’y suis (à peu près) arrivé mais ce fut beaucoup plus compliqué qu’avec des tableaux. On ne peut pas espérer, dans ces conditions, que la majorité des webdesigners se mette “à la page”!

PS pour les mordus: Je voulais que mes “rollovers” de navigation aient tous la même largeur. C’est ça qui complique tout (voir code source…) Si je m’étais contenté d’une largeur proportionnelle au texte celà aurait été enfantin (Je ne comprends d’ailleurs pas pourquoi Mark à fait tout un foin de ses onglets – proportionnels évidemment! :» ). Par ailleurs, je voulais que le tout soit redimensionnable en fonction de la taille de police choisie par l’utilisateur (et même sous IE). Finalement, il me reste un problème: du contenu invisible à droite de la boite de titre de la page. C’est gênant (enfin, je pinaille…), car il fait apparaitre un ascenseur en bas de page avant l’heure lorsque l’on réduit la largeur de la fenêtre! Si vous savez faire disparaitre ça (sans provoquer de retour à la ligne du titre dans certains browsers), vous êtes probablement un Dieu vivant du CSS pratique! :D

Comments from long ago:

Comment from: IT Trends Blog - Tableless Design: Not ready for prime time!

[…] 22:39:54, Categorie: Web Design Tableless Design: Not ready for prime time! My previous post on the subject got quite a lot of traffic, and actuall […]

2003-04-22 22-39

Tableless Design: Not ready for prime time!My previous post on the subject got quite a lot of traffic, and actually a majority of English speaking readers (Thanks Erik). So I thought I would really have to write this one in English ;)

And actually, this time I wrote a whole article: !Tableless…

2003-04-22 22-41

Comment from: fplanque: IT Trends Blog - Tableless design update

[…] mp;#233;soudre le problème de tableless design que j’avais exposé il y a quelques temps. Je voudrais donc préciser un peu […]

2003-04-29 21-32

Tableless design updateDe temps en temps je reçois un mail avec des conseils tentant de résoudre le problème de tableless design que j’avais exposé il y a quelques temps. Je voudrais donc préciser un peu le but du jeu:

Il faut que ça marche sur les browsers actuels…

2003-04-29 21-33