J'ai un problème d'affichage sous IE8 (il fallait qu'il vienne au monde celui-là)

Voici mon code

<h5 style="margin-top:100px;">Semaine du 10 mai 2009</h5><br>
<div style="text-align:center; height:80px; background-color:#FF0066;">


<b>Occasion:</b> Entre amis &nbsp;&nbsp;&nbsp;&nbsp;<b>Nb.pers:</b> Quatre à six &nbsp;&nbsp;&nbsp;&nbsp;<b>Coût:</b> Abordable
</div>
<div style="margin-left:45px;">

<b>Entrée</b>:<br> <a href="http://bouilloirebavarde.over-blog.com/article-24949832.html" target="_blank"><u>Toast d'asperges</u></a>
<img src="../annuaire/image/banque/toasts_asperge.jpg" alt="Toast d'asperges" width="93" height="70" style="margin-top:-40px;">

<br>
<br><br><br><br>

<b>Plat principal</b>:<br> <a href="http://bouilloirebavarde.over-blog.com/article-24949992.html" target="_blank"><u>Daube aux pruneaux</u></a>
<img src="../annuaire/image/banque/daube_pruneaux.jpg" alt="Daube aux pruneaux" width="93" height="70" style="margin-top:-50px;">
<br><br><br><br>


<b>Dessert</b>:<br>
<a href="http://bouilloirebavarde.over-blog.com/article-24949781.html" target="_blank"><u>Crémeux de marrons à la créole</u></a>
<img src="../annuaire/image/banque/cremeux_marron.jpg" alt="Cr&eacute;meux de marrons &agrave; la cr&eacute;ole" width="93" height="70" style="margin-top:-40px;">
<br>
<br><br><br>
<b>Offert par:<a href="redir.php?site=1433" target="_blank"> <u>La bouilloire bavarde</u></a></b>

Et voici le résultat sous FF, IE7, IE6 (le fond rouge est juste là pour bien voir la différence)

Et maintenant sous IE8

Comme vous pouvez le voir, IE8 n'interprète pas le margin-top:-40px; comme FF et les autres IE. Si je modifie le margin-top ce sont les autres qui ne seront plus corrects.

Avez-vous un truc ou une idée à me donner pour régler ce problème? Existe t-il quelque chose qui pourrait faire en sorte que le height:80px; soit respecté et que l'image n'embarque pas dessus?

Un gros merci de votre aide et bon dimanche!

France

Pour l'instant IE8 , c'est l'inconnu !!!

Tu as activé l'affichage de compatibilité dans IE8?

Dreamer Elle

Ah ben tabarouette! J'ai cliqué sur le fameux petit icone de compatibilité et tout est devenu dans l'ordre sauf que... Les gens vont-ils voir ce que je voyais avant ou ce que je vois maintenant sous IE8?

Si les gens vont voir ce que je vois maintenant, peux-tu te dire que tu viens de me sauver de l'ouvrage en tabarouette! Depuis hier que je fais toutes sortes d'essais sans résultat.

Un gros merci

C'est justement ça qui m'écoeure : c'est à la discrétion de l'utilisateur d'activer ou non cette de fonction dont je ne comprends pas la présence. Au lieu de dire : Les sites Web conçus pour des navigateurs plus anciens auront meilleur aspect blablabla..., ils auraient mieux fait de dire : Les sites Web conçus pour d'autres navigateurs que IE8...

Alors ça ne règle pas le problème, ça fait juste un "plaster" sur le bobo!

Je viens de regarder sous IE tester et effectivement le IE8 interprète comme avant.

En plus de ça, ce fichu icone n'est pas pour les versions anciennes mais pour la version IE8! Pas fort le gars qui a pensé à ça! Il ne savait pas comment régler le problème donc il a mis un "plaster". Imbécile qu'il est!

elle a écrit :

Tu as activé l'affichage de compatibilité dans IE8?

Où ????? J'ai réussi a télécharger IE8 , alors que la V7 n'a rien voulu savoir !!!

L'icône à droite de la barre d'adresse, la page brisée...

Une autre solution qui peut t'aider,

Tu crée un Redirecto-Navigateur.

Un scripts javascript qui permet à la page de capter à quel navigateur elle a été ouverte, et de redirectionné le navigateur vers sa page à lui.

Par exemple :

Site C'est ie : le navigateur ouvre site.com/index2.html

Site c'est FF : le navigateur ouvre site.com/index.html !

Juste à créer des pages au nombre des navigateurs applicables (8). Comme sa, après test sur chaque navigateur, chaque page montre ce que tu veux ... Tu pourrais aussi créer Deux versions seulement :

Une ou si c'est FF, et l'autre sort un message du style "Désolé, ce site ne s'ouvre que sous FF" avec un lien de téléchargement FF.

:)

eggheadhosting

Effectivement c'est une solution sauf que les pages qui ne s'affichent pas correctement je devrais toutes les refaire et bien franchement cela ne me tente pas du tout. Ce sont entre autre pour les menus précédent et j'ai presque 3 ans à retourner en arrière.

Ce à quoi je pensais est d'avoir une petite fenêtre lorsque c'est IE8 qui montre à l'aide d'une image de cliquer sur le fameux petit icone afin d'avoir l'affichage correct.

C'est une bonne idée?

Si oui, je ne sais pas comment créer cela. Ça va me prendre un p'tit pro du genre M.....u

Merci

elle a écrit :

L'icône à droite de la barre d'adresse, la page brisée...

Merci !!! C'est tout nouveau , du coup je vérifie tout et pour l'instant , ça va !!

C'est vrai, tu n'as pas eu la chance d'expérimenter avec iE7!

elle a écrit :

C'est vrai, tu n'as pas eu la chance d'expérimenter avec iE7!

Yes !!!

Ça donne de drôles de résultats, l'affichage de compatibilité : si on l'active, les images en background dans les formulaires disparaissent!

Et il ne gère toujours pas l'opacité... Ce que font Firefox, Opera, Safari...

Bonjour tous

Mon seul problème pour certains sites étant le margin-top entre IE et les autres, j'ai donc fait un commentaire conditionnel.
Avec IE 8 évidemment, encore une nouveauté ......... gggggrrrrrrrrr

J'ai réglé le problème en modifiant la ligne comme ceci:

<!--[if lt IE 8]> <link type="text/css" rel="stylesheet" href="css/ie.css" /> <![endif]-->

Bref ce nouveau navigateur annoncé comme se reprochant trés prés du W3C, faudra qu'on m'explique quoi exactement, à part encore des réglages supplémentaires.

griggione a écrit :

Bref ce nouveau navigateur annoncé comme se reprochant trés prés du W3C, faudra qu'on m'explique quoi exactement, à part encore des réglages supplémentaires.

Bien d'accord, c'est décevant...

griggione a écrit :

Bonjour tous

Mon seul problème pour certains sites étant le margin-top entre IE et les autres, j'ai donc fait un commentaire conditionnel.
Avec IE 8 évidemment, encore une nouveauté ......... gggggrrrrrrrrr

J'ai réglé le problème en modifiant la ligne comme ceci:

Bref ce nouveau navigateur annoncé comme se reprochant trés prés du W3C, faudra qu'on m'explique quoi exactement, à part encore des réglages supplémentaires.

Peux pas mettre un commentaire conditionnel moi car je dois ajuster le margin-top selon l'image et le texte qui est à gauche pour chacun des menus.

Et dire que IE se croit intelligent!!!

Ça me décourage de voir ça car j'ai l'impression que je n'arriverai jamais à la fin.

Es-tu vraiment obligée d'utiliser des marges négatives? Tu ne pourrais pas plutôt ajuster le texte à l'image?

Bonsoir fleuretta

Mon commentaire ne sert que pour le centre en margin-top pour IE (trop décalé)
Pas les colonnes et menus.

Elle

Je regarde le code et je reste "gue gue" sur ce que je devrais mettre comme code pour ajuster le texte à l'image et non l'image au texte.

Ça me décourage tellement d'avoir à refaire des pages... tu peux pas y croire!

Merci

griggione a écrit :

Bonsoir fleuretta

Mon commentaire ne sert que pour le centre en margin-top pour IE (trop décalé)
Pas les colonnes et menus.

Mais si quelqu'un click sur le maudit p'tit icone, ton affichage sera encore correct?

RE

Bonne question, demain je dois réinstaller et vérifier

A moins que quelqu'un ai le 8 en place et aille voir; http://www.informacorse.fr/

Installe IE tester et tu pourras voir sous tous les IE, IE8 inclut. Le IE8 te donne la version sans le petit icone.

http://www.my-debugbar.com/wiki/IETester/HomePage

fleuretta

griggione a écrit :

RE

Bonne question, demain je dois réinstaller et vérifier

A moins que quelqu'un ai le 8 en place et aille voir; http://www.informacorse.fr/

Je viens de vérifier .................Et c'est bon comme des figatelli frais passés au BBQ !!!

Dreamer a écrit :

Je viens de vérifier .................Et c'est bon comme des figatelli frais passés au BBQ !!!

Bonsoir Dreamer

Je te remercie
Par contre le IEtester je connaissais pas, j'avais MultiplesIE et attendait patienment une nouvelle version avec IE7

Il existe aussi le MultipleIEs pour IE7...

Il existe un logiciel Remonte moral?

Le mien est dans le fond de mes talons pis ben loin en plus!!!

fleuretta a écrit :

Il existe un logiciel Remonte moral?

Le mien est dans le fond de mes talons pis ben loin en plus!!!

RE

Griggione

Moi , j'appelle ça du fayottage !!!

Pouvez-vous me sauver juste un p'tit peu de temps?

Comment je dois organiser le code pour aligner le texte à l'image et non l'image au texte?

Je sèche

Merci

Dreamer a écrit :

Moi , j'appelle ça du fayottage !!!

RE

Griggione

Dans mon premier message j'ai mis le code et le résultat en image.

Elle a suggéré d'ajuster le texte à l'image au lieu d'ajuster l'image au texte.

Le seul problème c'est que je ne sais pas comment écrire le code.

Je veux garder le même effet visuel que l'on voit sur les images que j'ai mis dans mon premier message.

Merci

fleuretta a écrit :

Je veux garder le même effet visuel que l'on voit sur les images que j'ai mis dans mon premier message.

RE

Ben justement quel effet visuel .....c'est là que je comprend pas

L'image à droite et le texte à gauche. Juste ça.

Bonne journée

RE

OK tu veux dire comme ça: http://www.informacorse.fr/pages/dep0.html

Ben regarde le code source ou demande et je te donne les codes xHTML et CSS correspondant.

Je suis allée voir ton code source et css et je crois avoir réussit à faire en sorte que tout s'affiche pareil partout.

Tu es un amour! Merci

Maintenant il faut juste que je recommence toutes ces pages