Problème d'affichage entre FF et IE
Résolu
derf42
-
vanweereld Messages postés 440 Date d'inscription Statut Membre Dernière intervention -
vanweereld Messages postés 440 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voici mon problème :
Sur ma page j'ai une bannière de bas de page qui est en deux partie (en l'occurence c'est un chateau pour la plus grande partie et l'autre et la pointe de la tour du chateau). Bref, pour que cette pointe concorde avec le reste de la bannière j'ai crée une div de la hauteur que je désir. Sous Firefox pas de problème mais sous IE ma balise div n'est pas prise en compte au meme endroit. Très dur a exposer mon problème donc voivi la page :
http://www.ehpad-andrezieux.fr/presentation.html
Merci de votre aide
Voici mon problème :
Sur ma page j'ai une bannière de bas de page qui est en deux partie (en l'occurence c'est un chateau pour la plus grande partie et l'autre et la pointe de la tour du chateau). Bref, pour que cette pointe concorde avec le reste de la bannière j'ai crée une div de la hauteur que je désir. Sous Firefox pas de problème mais sous IE ma balise div n'est pas prise en compte au meme endroit. Très dur a exposer mon problème donc voivi la page :
http://www.ehpad-andrezieux.fr/presentation.html
Merci de votre aide
A voir également:
- Problème d'affichage entre FF et IE
- Affichage double ecran - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Problème affichage photo messenger - Forum Facebook Messenger
- Problème facebook affichage ✓ - Forum Facebook
- Multi affichage - Télécharger - Outils professionnels
6 réponses
Résumé de la discussion
Un problème d'affichage concerne une bannière de bas de page à deux parties, la pointe du château ne s'alignant pas correctement en IE par rapport à Firefox, malgré une div de hauteur adaptée. Plusieurs solutions ont été évoquées: réaliser une image unique des deux éléments pour éviter les décalages sous IE, et ajuster le CSS avec des marges et positions plus stables. D'autres échanges mentionnent des ajustements de structure (table à largeur fixe et marges spécifiques) ou des captures d'écran comparant les rendus entre IE7/IE8 et Firefox, sans solution universelle à ce stade.
donc si on modifie le code de l'image du haut de la tour :
<img height="79" align="right" width="229" src="../Images/struct/pointe.jpg" style="margin-right: 22px;">
c'est ok sous ff3.6 !!
<img height="79" align="right" width="229" src="../Images/struct/pointe.jpg" style="margin-right: 22px;">
c'est ok sous ff3.6 !!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
alors je te propose un truc ! fais une copie de sauvegarde de ta page (sais ton jamais ! et remplace ce qu'il y'a dans le body par :
<div align="center">
<img src="../Images/struct/banniere_vierge.jpg" width="1007" height="232"><br>
<div style="width: 1007px; position: relative;" align="center"><table style="margin-left: 30%;" width="70%" border="0">
<tbody><tr>
<td height="452"><img src="../Images/struct/entete_bloc_etablissement.jpg" width="750" height="120">
<table width="750" background="../Images/struct/fond_bloc.jpg" border="0">
<tbody><tr>
<td height="321">
<blockquote class="arial_bk_14"><p align="left"><span class="lettrine"><img src="../Images/illustr/presentation1.jpg" width="150" align="left" height="113">L</span>a Maison de retraite "Marcel Sicre", a été construite en 1975 pour remplacer l'ancien hospice qui était tenu par des religieuse (St Vincent de Paul), puis agrandie et restructuré en 1991 avec l'augmentation de 25 chambres supplémentaires.<br>
C'est un établissement public de 90 lits en chambres individuelles.</p>
<p align="justify"><img src="../Images/illustr/presentation2.jpg" width="150" align="right" height="113">La Maison de retraite est gérée par un Conseil d'Administration présidé par Monsieur le Maire d'Andrézieux-Bouthéon et par le directeur.</p>
<p align="justify">Le Conseil d'Administration est composé de 12 membres où siègent 3 représentants de la commune, 3 représentants du département, 2 représentants du conseil de vie sociale, 2 représentants du personnel dont le médecin coordonnateur et 2 personnes compétentes en matière d'action sociale ou médico-sociale.</p>
<p align="justify"><img src="../Images/illustr/presentation3.jpg" width="150" align="left" height="113">L'établissement est dirigé par un directeur nommé par arrêté ministériel.</p>
<p align="justify">Le comptable de l'établissement est Monsieur le Trésorier principal de St Just-St Rambert.</p>
<img src="../Images/struct/lierre_droite.gif" width="294" align="right" height="117"> <br><br><br><br><br>
<p class="verdana_rouge" align="justify"><a name="plan"></a><img src="../Images/struct/fleche.jpg" width="20" height="20"> Situer l'établissement :</p>
<blockquote>
<blockquote>
<blockquote>
<p class="arial_noir_14" align="justify">De Saint Etienne : Prendre la sortie 8b. Au rond point d'Atlas prendre Saint Just Saint Rambert. Au rond point de l'avion, prendre à gauche et au rond point suivant prendre à droite. La maison de retraite se situe à 300m sur la droite.</p>
</blockquote>
</blockquote>
</blockquote>
<p align="center"><iframe marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?origin=mfe&pb=!1m12!1m8!1m3!1d22362.364443028404!2d4.263595!3d45.524256!3m2!1i1024!2i768!4f13.1!2m1!1s13+rue+paul+grousset+andrezieux+boutheon!6i14!3m1!1sfr!5m1!1sfr" width="425" frameborder="0" height="350" scrolling="no"></iframe><br>
<small><a href="https://www.google.fr/maps?f=q&source=embed&hl=fr&geocode&q=13+rue+paul+grousset+andrezieux+boutheon&sll=46.75984,1.738281&sspn=6.35317,14.128418&ie=UTF8&hq&hnear=13+Rue+Paul+Grousset,+42160+Andr%C3%A9zieux-Bouth%C3%A9on,+Loire,+Rh%C3%B4ne-Alpes&ll=45.524256,4.263595&spn=0.025376,0.055189&z=14" style="color: rgb(0, 0, 255); text-align: left;" target="_blank">Agrandir le plan</a></small></p>
<blockquote>
<blockquote>
<blockquote>
<p class="arial_noir_14" align="justify">De Montbrison : suivre l'A72 puis au rond point de l'avion prendre à droite. Au rond point suivant prendre encore à droite. La maison de retraite se situe 300m plus loin sur la droite.</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote></td>
</tr>
</tbody></table>
<img src="../Images/struct/bas_bloc1.jpg" width="750" height="34"><br></td>
</tr>
</tbody></table>
<blockquote> </blockquote>
<div style="float: left; position: absolute; top: 0pt;" id="menu01"><a href="index.html" onmouseover="image1.src='../Images/struct/bouton01b.jpg';" onmouseout="image1.src='../Images/struct/bouton01a.jpg';">
<img src="../Images/struct/diff2h.jpg" width="230" border="0" height="12"><br>
<img src="../Images/struct/bouton01a.jpg" name="image1" id="image1" border="0"></a><br>
<div align="left"><a href="javascript:ShowSubMenu('sub17');" onmouseover="image2.src='../Images/struct/bouton02b.jpg';" onmouseout="image2.src='../Images/struct/bouton02a.jpg';"> <img src="../Images/struct/bouton02a.jpg" name="image2" id="image2" border="0"></a>
<div id="sub17" style="display: none;"> <a href="presentation.html" class="ssmenu">* Présentation</a> <a href="soins.html" class="ssmenu">* Les soins</a> <a href="lingerie.html" class="ssmenu">* La lingerie</a> <a href="cuisine.html" class="ssmenu">* La cuisine</a> <a href="animation.html" class="ssmenu">* L'animation</a> <a href="secretariat.html" class="ssmenu">* Le secrétariat</a> <a href="atelier.html" class="ssmenu">* L'atelier</a> </div>
<a href="javascript:ShowSubMenu('sub18')" onmouseover="image3.src='../Images/struct/bouton03b.jpg';" onmouseout="image3.src='../Images/struct/bouton03a.jpg';"> <img src="../Images/struct/bouton03a.jpg" name="image3" id="image3" border="0"></a><br>
<div id="sub18" style="display: none;"><a href="restructuration.html" class="ssmenu">* Projet de restructuration</a> <a href="projet_de_vie.html" class="ssmenu">* Projet de vie</a> <a href="projet_de_soins.html" class="ssmenu">* Projet de soins</a> </div>
<a href="javascript:ShowSubMenu('sub19')" onmouseover="image4.src='../Images/struct/bouton04b.jpg';" onmouseout="image4.src='../Images/struct/bouton04a.jpg';"> <img src="../Images/struct/bouton04a.jpg" name="image4" id="image4" border="0"></a><br>
<div id="sub19" style="display: none;"> <a href="conditions.html" class="ssmenu">* Conditions d'admission</a> <a href="gir.html" class="ssmenu">* Calcul du GIR</a> <a href="fonctionnement.html" class="ssmenu">* Fonctionnement de l'établissmenent</a> <a href="frais_sejour.html" class="ssmenu">* Frais de séjour</a></div>
<a href="contact.html" onmouseover="image5.src='../Images/struct/bouton05b.jpg';" onmouseout="image5.src='../Images/struct/bouton05a.jpg';"> <img src="../Images/struct/bouton05a.jpg" name="image5" id="image5" border="0"><br>
<img src="../Images/struct/diff2.jpg" width="230" border="0" height="12"></a><br>
</div>
</div>
</div>
</div>
<div style="width: 1007px; margin: -85px auto auto;" align="center"><img src="../Images/struct/pointe.jpg" width="229" align="left" height="79"></div>
<div style="width: 1007px; margin: auto;" align="center"><img src="../Images/struct/bas_page_chateau.jpg" width="1007" align="top" height="196"></div>
<div class="arial_10" align="center">© Copyright 2010 - Maison de retraite Marcel Sicre. Tous droits réservés. <a href="mailto:frederic.aboulin@gmail.com">Contact webmaster</a> - <a href="index.html">Accueil</a> - <a href="plan.html">Plan du site</a> - <a href="contact.html">Nous contacter</a></div>
voila ! je l'ai modifié directement de firebug et chez moi ça passe nickel ! mais je peux pas voir ce que ça donne sous ie !
voila !
il vaut parfois mieux se taire et passer pour un con , que de l'ouvrir et ne laisser aucun doute a ce sujet...
<div align="center">
<img src="../Images/struct/banniere_vierge.jpg" width="1007" height="232"><br>
<div style="width: 1007px; position: relative;" align="center"><table style="margin-left: 30%;" width="70%" border="0">
<tbody><tr>
<td height="452"><img src="../Images/struct/entete_bloc_etablissement.jpg" width="750" height="120">
<table width="750" background="../Images/struct/fond_bloc.jpg" border="0">
<tbody><tr>
<td height="321">
<blockquote class="arial_bk_14"><p align="left"><span class="lettrine"><img src="../Images/illustr/presentation1.jpg" width="150" align="left" height="113">L</span>a Maison de retraite "Marcel Sicre", a été construite en 1975 pour remplacer l'ancien hospice qui était tenu par des religieuse (St Vincent de Paul), puis agrandie et restructuré en 1991 avec l'augmentation de 25 chambres supplémentaires.<br>
C'est un établissement public de 90 lits en chambres individuelles.</p>
<p align="justify"><img src="../Images/illustr/presentation2.jpg" width="150" align="right" height="113">La Maison de retraite est gérée par un Conseil d'Administration présidé par Monsieur le Maire d'Andrézieux-Bouthéon et par le directeur.</p>
<p align="justify">Le Conseil d'Administration est composé de 12 membres où siègent 3 représentants de la commune, 3 représentants du département, 2 représentants du conseil de vie sociale, 2 représentants du personnel dont le médecin coordonnateur et 2 personnes compétentes en matière d'action sociale ou médico-sociale.</p>
<p align="justify"><img src="../Images/illustr/presentation3.jpg" width="150" align="left" height="113">L'établissement est dirigé par un directeur nommé par arrêté ministériel.</p>
<p align="justify">Le comptable de l'établissement est Monsieur le Trésorier principal de St Just-St Rambert.</p>
<img src="../Images/struct/lierre_droite.gif" width="294" align="right" height="117"> <br><br><br><br><br>
<p class="verdana_rouge" align="justify"><a name="plan"></a><img src="../Images/struct/fleche.jpg" width="20" height="20"> Situer l'établissement :</p>
<blockquote>
<blockquote>
<blockquote>
<p class="arial_noir_14" align="justify">De Saint Etienne : Prendre la sortie 8b. Au rond point d'Atlas prendre Saint Just Saint Rambert. Au rond point de l'avion, prendre à gauche et au rond point suivant prendre à droite. La maison de retraite se situe à 300m sur la droite.</p>
</blockquote>
</blockquote>
</blockquote>
<p align="center"><iframe marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?origin=mfe&pb=!1m12!1m8!1m3!1d22362.364443028404!2d4.263595!3d45.524256!3m2!1i1024!2i768!4f13.1!2m1!1s13+rue+paul+grousset+andrezieux+boutheon!6i14!3m1!1sfr!5m1!1sfr" width="425" frameborder="0" height="350" scrolling="no"></iframe><br>
<small><a href="https://www.google.fr/maps?f=q&source=embed&hl=fr&geocode&q=13+rue+paul+grousset+andrezieux+boutheon&sll=46.75984,1.738281&sspn=6.35317,14.128418&ie=UTF8&hq&hnear=13+Rue+Paul+Grousset,+42160+Andr%C3%A9zieux-Bouth%C3%A9on,+Loire,+Rh%C3%B4ne-Alpes&ll=45.524256,4.263595&spn=0.025376,0.055189&z=14" style="color: rgb(0, 0, 255); text-align: left;" target="_blank">Agrandir le plan</a></small></p>
<blockquote>
<blockquote>
<blockquote>
<p class="arial_noir_14" align="justify">De Montbrison : suivre l'A72 puis au rond point de l'avion prendre à droite. Au rond point suivant prendre encore à droite. La maison de retraite se situe 300m plus loin sur la droite.</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote></td>
</tr>
</tbody></table>
<img src="../Images/struct/bas_bloc1.jpg" width="750" height="34"><br></td>
</tr>
</tbody></table>
<blockquote> </blockquote>
<div style="float: left; position: absolute; top: 0pt;" id="menu01"><a href="index.html" onmouseover="image1.src='../Images/struct/bouton01b.jpg';" onmouseout="image1.src='../Images/struct/bouton01a.jpg';">
<img src="../Images/struct/diff2h.jpg" width="230" border="0" height="12"><br>
<img src="../Images/struct/bouton01a.jpg" name="image1" id="image1" border="0"></a><br>
<div align="left"><a href="javascript:ShowSubMenu('sub17');" onmouseover="image2.src='../Images/struct/bouton02b.jpg';" onmouseout="image2.src='../Images/struct/bouton02a.jpg';"> <img src="../Images/struct/bouton02a.jpg" name="image2" id="image2" border="0"></a>
<div id="sub17" style="display: none;"> <a href="presentation.html" class="ssmenu">* Présentation</a> <a href="soins.html" class="ssmenu">* Les soins</a> <a href="lingerie.html" class="ssmenu">* La lingerie</a> <a href="cuisine.html" class="ssmenu">* La cuisine</a> <a href="animation.html" class="ssmenu">* L'animation</a> <a href="secretariat.html" class="ssmenu">* Le secrétariat</a> <a href="atelier.html" class="ssmenu">* L'atelier</a> </div>
<a href="javascript:ShowSubMenu('sub18')" onmouseover="image3.src='../Images/struct/bouton03b.jpg';" onmouseout="image3.src='../Images/struct/bouton03a.jpg';"> <img src="../Images/struct/bouton03a.jpg" name="image3" id="image3" border="0"></a><br>
<div id="sub18" style="display: none;"><a href="restructuration.html" class="ssmenu">* Projet de restructuration</a> <a href="projet_de_vie.html" class="ssmenu">* Projet de vie</a> <a href="projet_de_soins.html" class="ssmenu">* Projet de soins</a> </div>
<a href="javascript:ShowSubMenu('sub19')" onmouseover="image4.src='../Images/struct/bouton04b.jpg';" onmouseout="image4.src='../Images/struct/bouton04a.jpg';"> <img src="../Images/struct/bouton04a.jpg" name="image4" id="image4" border="0"></a><br>
<div id="sub19" style="display: none;"> <a href="conditions.html" class="ssmenu">* Conditions d'admission</a> <a href="gir.html" class="ssmenu">* Calcul du GIR</a> <a href="fonctionnement.html" class="ssmenu">* Fonctionnement de l'établissmenent</a> <a href="frais_sejour.html" class="ssmenu">* Frais de séjour</a></div>
<a href="contact.html" onmouseover="image5.src='../Images/struct/bouton05b.jpg';" onmouseout="image5.src='../Images/struct/bouton05a.jpg';"> <img src="../Images/struct/bouton05a.jpg" name="image5" id="image5" border="0"><br>
<img src="../Images/struct/diff2.jpg" width="230" border="0" height="12"></a><br>
</div>
</div>
</div>
</div>
<div style="width: 1007px; margin: -85px auto auto;" align="center"><img src="../Images/struct/pointe.jpg" width="229" align="left" height="79"></div>
<div style="width: 1007px; margin: auto;" align="center"><img src="../Images/struct/bas_page_chateau.jpg" width="1007" align="top" height="196"></div>
<div class="arial_10" align="center">© Copyright 2010 - Maison de retraite Marcel Sicre. Tous droits réservés. <a href="mailto:frederic.aboulin@gmail.com">Contact webmaster</a> - <a href="index.html">Accueil</a> - <a href="plan.html">Plan du site</a> - <a href="contact.html">Nous contacter</a></div>
voila ! je l'ai modifié directement de firebug et chez moi ça passe nickel ! mais je peux pas voir ce que ça donne sous ie !
voila !
il vaut parfois mieux se taire et passer pour un con , que de l'ouvrir et ne laisser aucun doute a ce sujet...
