[Résolu] Problème affichage d'un fond sous IE

Bonjour à tous et à toutes !

Voilà mon soucis: j'utilise un script de sondages, et l'affichage du fond ne se fait pas sous IE, par contre sous Firefox le fond s'affiche bien. J'ai beau regarder et tourner le pb dans tous les sens, je ne trouve pas d'où celà peut venir:

http://oteragame.c-linn.net/

Si quelqu'un a une idée, ce serait sympa
Modifié par artmaniac (01 Feb 2008 - 16:36)

Salut,

Supprime peut être le height de ton bloc #sondage

Salut,

Merci pour ta réponse ghost, j'ai supprimé la hauteur dans le css, mais ça ne s'affiche toujours pas sous IE.

Bonjour,

min-height sur les navigateurs récents est à remplacer par height sous IE6 (on parle bien de cette version-là?).
Là tu utilises height partout, ça pose peut-être un problème.

Tu utilises une image de fond pour le titre avec un texte que tu rends invisible. Pourquoi ne pas utiliser une image normale avec l'attribut alt="Sondage" ? Ce serait tellement plus simple.

Sinon, rapidement, pour faire le point:

- Dans Firefox, l'image de fond du bloc de sondage est tronquée car le bloc a une hauteur fixe de 220px. Si on supprime cette hauteur, le rendu est correct.
- Dans IE6, la hauteur en question est interprétée comme une hauteur minimale (bug d'IE6), et du coup le rendu est correct. Par contre, l'image de fond du titre a l'air tronquée (un problème avec le visibility: hidden du span, peut-être?). Solution: utiliser une image avec texte alternatif qui va bien, effectivement.
- Dans IE7, le fond du bloc de sondage ne s'affiche plus à partir du formulaire, et là je ne sais pas du tout pourquoi.

Merci pour vos réponses, voici le bilan

- Dans Firefox, j'avais modifié et enlevé le height, du coup effectivement c'est mieux

- Dans IE6, voilà, j'ai utilisé directement une image, je pensais que l'astuce du <h2> était mieux niveau mots clés et référencement. Par contre je n'ai pas IE6 sur ce pc, donc si vous pouvez me dire si c'est mieux?

- Dans IE7, toujours le mystère du fond qui disparait..

Je viens de trouver pour IE7, un problème de height !

Par contre on a toujours une énorme différence avec Firefox au niveau des proportions, c'est assez hallucinant... Le sondage est carrément trop grand en hauteur sous IE7 alors que sous FF c'est nickel

Ca y est j'ai trouvé !

Au cas où ça pourrait aider qq1:

- j'ai mis les bordures à 0 pour les formulaires:
form{
margin:0;
padding:0;
}

- j'ai enlevé le height sur le fond du box qui affiche les sondages:

div#sondage {
float: right;
width: 210px;
margin: 0 0 0 0;
margin-right: 30px;
padding: 0;
display: inline;
text-align: left;
font-size: 11px;
color: #555555;
font-family: Verdana, Helvetica, Arial, sans-serif;
background:url('../images/fond_sondage.gif') repeat-y;
}

En passant: pour le titre en image, qu'est-ce qui interdit de faire:

<h2><img src="..." alt="Sondage" /></h2>

?