vendredi 10 décembre 2010

Problèmes de centrage de contenu sous IE

En montant une démo de site sous Wordpress, j'ai encore eu ce problème de centrage de contenu qui énerve bien des intégrateurs HTML.
La solution, je l'ai trouvée sous http://www.alsacreations.com/actu/lire/383-a-propos-du-modle-de-bote-microsoft-ou-quotquirksquot.html

En fait, ne mettez jamais de commentaires au-dessus du header, sinon, le centrage ne fonctionnera pas.

Vous pouvez appeler le nom du template, par contre. Cela n'aura aucune incidence sur le centrage: il se fera correctement.

Rappel du contenu qui a retenu mon attention sur le forum Alsacréations:

IE 6.0 passe en mode Quirk dans les cas suivants :
  • une page HTML sans DOCTYPE (donc non valide),
  • une page HTML Frameset ou Transitionnel avec un DOCTYPE tronqué (sans URL de la DTD),
  • une page HTML qui contient n'importe quel caractère avant la DTD,
  • une page HTML avec une DTD d'une version de HTML inférieure à la version 4,
  • une page avec un DOCTYPE XHTML précédé de la déclaration XML (déclaration inutile pour une page xhtml servie en text/html),

Coins arrondis en CSS3

Pour créer des bordures à coins arrondis en CSS3, vous pouvez employer les paramètres suivants:

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

Notez que vous pouvez contrôler chaque coin isolément, en incluant 4 valeurs chiffrées:
-moz-border-radius: 3px 10px 3px 10px;

Ce qui, en notation abrégée, équivaut à:
-moz-border-radius: 3px 10px;

Malheureusement, IE n'est pas compatible avec cette belle invention :-(