Bonjour !
Ceci est mon premier message sur ce forum et j'espère que j'en respecterai bien les règles.
Pour information, je suis modo sur les forums supports de wordpress-fr, et j'envoie régulièrement vers Alsacréations les utilisateurs qui posent des questions XHTML/CSS pointues (même si sur nos forums, nous avons quelques experts qui se débrouillent pas mal).
Venons-en au point !
Sur un site WP, utilisant le thème Atahualpa, j'ai une différence d'affichage entre FF (qui affiche correctement) et IE7+ (qui affiche mal – ou du moins pas comme je l'attends) une background-image.
Il s'agit de la colonne centrale (en largeur variable – design fluide) sur laquelle j'ai positionné à gauche et à droite un dégradé intérieur. Le dégradé droit ne s'affiche pas sous IE.
Petit schéma :
# colonne gauche fixe # colonne centrale fluide # colonne droite fixe #
# #=> dégradé gauche dégradé droit <=# #
Voici l'arborescence DOM :
(...)
table (ben oui, Atahualpa est fait comme ça)
tbody
tr#bodyrow => { background: transparent url(/wp-content/uploads/colombes/degrade_droit.png) repeat-y right; }
td => background: transparent url(/wp-content/uploads/colombes/degrade_gauche.png) repeat-y left;
div (...)
NB : le dégradé droit inclut la largeur de la colonne de droite (elle, de taille fixe) puisqu'il s'applique sur l'ensemble de la tr.
Je n'ai pas testé avec d'autres navigateurs.
(URL du site disponible en MP
)
Ceci est mon premier message sur ce forum et j'espère que j'en respecterai bien les règles.
Pour information, je suis modo sur les forums supports de wordpress-fr, et j'envoie régulièrement vers Alsacréations les utilisateurs qui posent des questions XHTML/CSS pointues (même si sur nos forums, nous avons quelques experts qui se débrouillent pas mal).
Venons-en au point !
Sur un site WP, utilisant le thème Atahualpa, j'ai une différence d'affichage entre FF (qui affiche correctement) et IE7+ (qui affiche mal – ou du moins pas comme je l'attends) une background-image.
Il s'agit de la colonne centrale (en largeur variable – design fluide) sur laquelle j'ai positionné à gauche et à droite un dégradé intérieur. Le dégradé droit ne s'affiche pas sous IE.
Petit schéma :
# colonne gauche fixe # colonne centrale fluide # colonne droite fixe #
# #=> dégradé gauche dégradé droit <=# #
Voici l'arborescence DOM :
(...)
table (ben oui, Atahualpa est fait comme ça)
tbody
tr#bodyrow => { background: transparent url(/wp-content/uploads/colombes/degrade_droit.png) repeat-y right; }
td => background: transparent url(/wp-content/uploads/colombes/degrade_gauche.png) repeat-y left;
div (...)
NB : le dégradé droit inclut la largeur de la colonne de droite (elle, de taille fixe) puisqu'il s'applique sur l'ensemble de la tr.
Je n'ai pas testé avec d'autres navigateurs.
(URL du site disponible en MP
)