Sujet Précédent Sujet Suivant

Problème d'affichage entre FF et IE

Résolu/Fermé
derf42 - 27 août 2010 à 09:57
vanweereld Messages postés 440 Date d'inscription vendredi 18 septembre 2009 Statut Membre Dernière intervention 13 janvier 2012 - 27 août 2010 à 13:20
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

6 réponses

Réponse 1 / 6
vanweereld Messages postés 440 Date d'inscription vendredi 18 septembre 2009 Statut Membre Dernière intervention 13 janvier 2012 23
27 août 2010 à 10:03
Je suis désolé, mais chez moi je ne voix pas de changement!
0
Réponse 2 / 6
derf42
27 août 2010 à 10:07
sisi sous IE il y a un grand espace blanc entre le bloc de texte et la bannière DU BAS.
0
vanweereld Messages postés 440 Date d'inscription vendredi 18 septembre 2009 Statut Membre Dernière intervention 13 janvier 2012 23
Modifié par vanweereld le 27/08/2010 à 10:09
Aucun espace blanc, mais la photo tombe pas bien. Le tois du château est coupé! Si tu veux j'en fais un print screen.
0
derf42
27 août 2010 à 10:12
oui une capture m'aiderai surement.. Je précise que je suis sous IE8, surement pas toi c'est pour ça qu'on ne voit pas la meme chose.
0
vanweereld Messages postés 440 Date d'inscription vendredi 18 septembre 2009 Statut Membre Dernière intervention 13 janvier 2012 23
27 août 2010 à 10:14
J'ai Firefox 3.6.8 et Internet Explorer 8 Je te poste les captures d'écran!
0
vanweereld Messages postés 440 Date d'inscription vendredi 18 septembre 2009 Statut Membre Dernière intervention 13 janvier 2012 23
Modifié par vanweereld le 27/08/2010 à 10:21
Voila tu peux les retrouver sur mon site. Mais je précise que j'ai un écran 22 pouce! http://vanweereld.be/IE.png et http://vanweereld.be/Firefox.png Si tu veux les télécharger je les mets en .zip!
0
derf42
27 août 2010 à 10:20
Mes captures a moi :
Sous IE tellement le blanc est grand il y a 2 captures :
http://www.ehpad-andrezieux.fr/IE1.jpg
http://www.ehpad-andrezieux.fr/IE2.jpg

Sous FF pas de probleme :
http://www.ehpad-andrezieux.fr/FF.jpg
0
Réponse 3 / 6
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
27 août 2010 à 10:44
heu pour precision je suis sous ff 3.6... et c'est aussi pété ! le haut de la tour vole a gauche !
0
Réponse 4 / 6
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
27 août 2010 à 10:47
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 !!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
derf42
27 août 2010 à 11:03
Quelqu'un pourrait me dire ce qu'il voit de chez lui?
0
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
Modifié par vincent170186 le 27/08/2010 à 11:09
alors pour ma part c'est pas péter ! mais c'est plus center ! ça float a gauche ! pour ie 8 et FF 3.6
0
vanweereld Messages postés 440 Date d'inscription vendredi 18 septembre 2009 Statut Membre Dernière intervention 13 janvier 2012 23
Modifié par vanweereld le 27/08/2010 à 11:12
Même avis! Sur l'autre pc!
0
derf42
27 août 2010 à 11:15
ok c'est aligné a gauche chez toi alors ?!? pour moi c'est bon sans le mode compatibilité.. Si tu veux réessayé jai fait une petite modif.
0
vanweereld Messages postés 440 Date d'inscription vendredi 18 septembre 2009 Statut Membre Dernière intervention 13 janvier 2012 23
27 août 2010 à 11:19
Sur tous mes pc aligné à gauche. Mais en mode compatibilité il y a un gros bloc blanc. Maintenant on avance vers une solution!
0
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
27 août 2010 à 11:19
toujours a gauche !(ie8 , FF3.6)
par contre je viens de jeter un oeil sous ie7 !
y'a un grand blanc (je dirai 300px de hauteur ! mais j'ai pas le compas dans l'oeil) entre le contenu et le footer !
0
Réponse 6 / 6
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
Modifié par vincent170186 le 27/08/2010 à 12:01
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...
0
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
27 août 2010 à 12:03
en fait le pb et du au table qui est en align right (equivalent a float:right) du coups son conteneur ne prend pas en compte la hauteure du tableau ! donc ici j'ai inversé j'ai mis une marge au table! et c'est le menu que j'a umis en (float:left, et position absolute a top:0)
0
an
27 août 2010 à 12:07
ça a l'aire de marcher mais du coup j'ai une marge entre mon menu et le bloc de texte... et la page déborde
0
derf42
27 août 2010 à 12:13
si on rajoute un align="right" au tableau du bloc de texte sa déborde pas mais du coup la banniere du bas remonte tout en haut..
0
vincent170186 Messages postés 316 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 septembre 2012 52
27 août 2010 à 12:16
alors
remplace:
<table style="margin-left: 30%;" width="70%" border="0">
par
<table border="0" width="70%" style="margin-left: 250px;">
et
<div style="float: left; position: absolute; top: 0pt;" id="menu01">
par
<div id="menu01" style="float: left; position: absolute; top: 20pt; left: 20px;">
0
derf42
27 août 2010 à 12:17
j'ai remplacé la marge de 30% par 23% et ça a l'air de marcher correctement ça ne déborde pas, je met sur le serveur pour que tu vois..
0

Discussions similaires

adele
marine carnet-pantier -
irongege -

2 réponses
Que signifie "#FF ..."?
Ocedu47 -
Elie -

7 réponses
Facture de google 380€ !
Misternet -
okapi -

61 réponses
Arnaque frauduleuse Ireland ltd
Mymy -
mel -

4 réponses
erreur 40-ff sur free player - Impossible d'avancer dans l'installation
Mathea -
brupala -

1 réponse