Problème d'affichage sous IE, URGENT (délais) Résolu

Question

Bonjour, Toutes les balises CSS du site que je dois rendre opérationnel pour demain soir ne sont pas reconnues par IE et je ne trouve pas de solution ... Ainsi, la valeur "bottom" du CSS n'est pas prise en compte et l'Iframe n'a pas la bonne hauteur ... De plus un espace (vertical) se glisse entre les images sous IE ... Pourtant sous Firefox tout est nickel ! Voici le CSS: et le (X)HTML de l'en-tête pour les images (mappées):

Enfin, voici la page posant problème: http://www.ccjmons.be/index3.php Il s'agit d'un site pour une institution communale officielle (Conseil Communal des Jeunes de Mons) et j'ai vraiment besoin d'aide ! D'avance, Merci beaucoup !

s.spark · Answer

Salut,

Essais de donner une hauteur à tes blocs, height: 65%;.

Pourquoi utiliser des iframs ? Quelle est l'intérêt ?

BtK · Answer

Merci ^^

J'avais abandonné cette solution avant de fixer le haut des boites et n'avais pas pensé à y revenir ...

Il reste le problème des espaces entre les images :s mais merci !

BtK · Answer

OK, merci quand même :-)

Dalida · Answer

salut,

effectivement sous IE6, y a soucis&hellip;

je ne comprends rien au code source.
il y a bien des '<iframe>' pour 'news.php' et la news box mais tu as inclus un deuxième document html (avec DTD, head et tout la toutime) dans le premier document html&hellip;

ça fait un peu désordre tout de même !

BtK · Answer

Lol oui je sais c'est la faute aux Iframes ... C'est brouillon mais c'est correct (j'ai un autre site qui fonctionne comme cela et qui marche très bien). Normalement le problème vient de la partie du code que j'ai cité, même si je ne vois pas du tout de ou ... Je ne pense pas que le problème vienne du fait qu'il y ait plusieurs html, body, head, etc, j'ai déjà testé en les retirant de la page appelée ... La seule différence est que le CSS de ces pages ne fonctionne plus ^^.

Dalida · Answer

si tu le dis… as-tu remarqué que tes règles de style (citées plus haut) sont redéfinies dans le deuxième '' ? et en théorie c'est le dernier défini qui est appliqué !

BtK · Answer

Oui je sais ... Mais c'est le même fichier qui est appelé deux fois ^^ Je sais c'est pas orthodoxe ni catholique mais je n'ai pas le temps pour le moment de remettre ça en ordre, ça ira mieux lorsque j'aurais mis des includes.

Dalida · Answer

ça c'est sûr mais tu as écrit "Normalement le problème vient de la partie du code que j'ai cité, même si je ne vois pas du tout de ou".
et si tu regardes ce screen shot de ta page inspectée par FireBug tu verra que le code cité est appliqué puis écrasé par l'autre.
je cherche par rapport à ce que tu nous as donné, je ne te dis pas de refaire la page !

s.spark · Answer

Je crois que perd plus de temps à dire que tu amélioreras le site plutôt que de le faire.

BtK · Answer

Ha oui d'accords je vois ce que tu veux dire ^^ Mais s.scap a trouvé la solution pour le CSS des bloc Iframe (valeur height en %). Le seul problème qu'il reste est l'espace entre les images et celles-ci ne sont pas gérées par le CSS. Quand je dis que le problème est dans le code cité, je parle de cette partie:

Dalida · Answer

je ne vois pas d'espace entre les images, mais bon !
sous IE6 je ne vois que bannière/menu.

bref.
as-tu pensé à faire sauter bordure et marges/espacement aussi dans la css ?
img
{
border-style:none;
margin:0;
padding:0;
}
il faudrait sans doute ajouter du poids aux règles.

et dis moi quelles images que je les scrute avec Firebug.

BtK · Answer

Non désolé ça ne change rien ... Maintenant je l'ai peut-être mal fait ... et les images sont devenues du type

Dalida · Answer

ah oui ! j'avais pas fais gaffe, je préfère avec l'espacement… pour la css, embarque là dans la balise, comme ça elle est prioritaire sur tout !!! au passage tu peux le coller dans les autres balises, on va ratisser très large !!!

BtK · Answer

Voilà c'est fait, le problème est toujours là ... =s

N'est-il pas possible d'utiliser un padding négatif ? En utilisant un commentaire <!--[if IE]> pour éviter de manger les bords sous Firefox ...

Ca pourrait marcher ?

Dalida · Answer

je n'en sais rien mais complexifier encore ton code c'est suicidaire… essaie de faire sauter la balise '' ce sera toujours ça de moins.

[...]

BtK · Answer

Voila, mais ça ne change rien ...

BtK · Answer

Je pense aussi ^^ mais il faut payer 1€ par Paypal, je n'ai aucun autre moyen de paiement que cash (suis mineur) donc ça ne marche pas ...

Merci quand même :)

Gihef · Answer

Bonjour,

Une piste haslayout peut-être ?

--

BtK · Answer

Waa un truc très compliqué ou ya beaucoup à lire :p lol merci ^^ Donc j'avais raison je dois partir dans les hack CSS et commentaire <!--[if IE]> ^^

Je pense que ça devrais marcher, merci bien :)

BtK · Answer

Toutefois, si quelqu'un a une solution plus simple ou plus orthodoxe, je suis preneur !

Dalida · Answer

bien vu Gihef ! pour choper le Layout tu peux essayer de donner des valeurs aux dimensions en CSS. je l'applique partout…

[...]

Problème d'affichage sous IE, URGENT (délais) - Page 2

Discussions similaires

Newsletters