Dans la série j’ai décidé de ne plus laisser la place aux lignes de codes hasardeuses, je me suis plongé dans les textes qui font office de bibles en matière de CSS, à savoir :

• Design web : utiliser les standards de Jeffrey Zeldman
• CSS de Eric Meyer
• Le Zen des CSS de Dave Shea et Molly Holzschlag (à venir)

En effet, j’ai, comme on dit, appris sur le tas, c’est-à-dire la plupart du temps fureté sur internet toutes les bonnes sources disponibles. J’en profite pour rendre hommage aux sites qui m’ont le plus influencés qui sont dans le désordre “pompage.net” et sa mailing-liste “pompeurs”, openweb, et un peu plus tard, alsacréations. Je ne saurais être exhaustif de peur d’en oublier mais j’ai appris l’essentiel grâce à ces trois sources incontournables du web francophone.

Néanmoins comme dit l’adage, rien ne vaut un bon bouquin, j’ai donc décidé de rattraper mon retard en lisant ces trois livres anglosaxons de référence cités plus haut. Car il faut l’avouer, nos amis anglosaxons ont une certaine longueur d’avance en ce domaine, même si nos éminents webdesigners francophones sont d’un niveau exceptionnel. Je pense à Tristan Nitot, Laurent Denis, Eric Daspet, Denis Boudreau, Raphael Goetter, Emmanuel Clément, Stéphane Deschamps, Karl Dubost parmi les plus illustres (à mon sens bien sûr).

Au cours de ces lectures, j’ai donc pris note de quelques notions qui me semblaient jusqu’alors floues, voire totalement ignorées. Voici donc les principales :

• une boîte de type “en ligne” devient de type “block” dès lors qu’elle est affectée de la propriété “position:absolute”
• le prologue xml <?xml version="1.0" encoding="utf-8"?> fait passer Internet Explorer en mode Quirks, à éviter donc !
• la propriété “text-align” ne s’applique qu’à des éléments de type “block”
• les marges négatives ne font pas bon ménage avec IE, à éviter aussi !
• un élément flottant sort du flux, la hauteur de l’élément parent ne tiendra donc pas compte de ses enfants flottants