28173 sujets

CSS et mise en forme, CSS3

Problème avec IE7 et les div float left

Bonjour, j'ai crée un site en utilisant les fonctions CSS float pour aligner mes images a droite ou a gauche des textes.

Tout fonctionnait bien jusqu'a l'apparition de IE7 et la mes div en float left n'apparaisse plus.

voir l'exemple ici

avec IE7 pas d'image a gauche (div en float left) mais l'image apparait bien a droite (div en float right) alors qu'avec tous les autres navigateur pas de problèmes.

aidez moi svp car je n'a pas encors trouver de réponse au problème

voici le code CSS pour les deux div :

.imagegauche {
	float: left;
	margin-right: 10px;
	text-align: center;
	font-size: 0.8em;
	color: #990099;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
.imagedroite {
	float: right;
	margin-left: 10px;
	text-align: center;
	font-size: 0.8em;
	color: #990099;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}


voici le code HTML :


<div class="imagegauche"><img src="../../img/eglise/cafeglisepetit.jpg" alt="Photo du Café Théma"/><br />
<br />Le Café Théma</div>
  <p>texte en rapport avec la photo de gauche</p>
<br /><br />


<h2 align="center">TITRE </h2>
<div class="imagedroite"><img src="../../img/eglise/siglepetit.gif" alt="Photo du Sigle du M.I.E"/><br />
<br />Sigle du M.I.E</div>
<p>texte de la photo de droite</p>

<br class="spacer"/>


merci de votre aide Smiley bawling Smiley bawling

Corrdiallement Théophile Smiley lol
Modifié par imo (17 May 2007 - 10:58)
Bon toujours pas de reponses Smiley bawling

Je crois que sa vient d'un des bugs de IE7 mais je ne suis pas sur et j'aimerai une confirmation.
Si c'est un bug y'a t-il le moyen de le contourner.

Help my please !!! Smiley ohwell
Non sa ne change rien.

Je crois que je vais faire une bonne vielle mise en page avec des tableaux car j'en ai un peu mare de ses problème de conformités.

Si vous avez une autre idée, merci de me la faire parvenir.
Oui je sais mais avez vous un validateur qui me donne les erreurs en français parce que moi et l'anglais sa fait deux. Smiley confus

Se n'est pas une erreur d'html qui me fait un probleme c'est un bug de IE7 car avec firefox, opera, saphari, même IE6 et les autres il n'y a pas de problème.
Connaissez vous le moyen de contourner se bug sur IE7.

Merci Smiley biggrin
Modifié par imo (18 May 2007 - 10:27)
Heu.. non je n'en connais pas en français...

Mais déjà en remplaçant ton deuxième <head> par </head> cela devrait en enlever pas mal Smiley cligne
merci c'est fait, je vais corriger les autres erreurs mais le bug reste toujours.
Le plus surprenant c'est que je peux enregister l'image de gauche (que je ne voie pas) sur mon ordinateur, que la fonction alt de l'image fonctionne mais que l'image ne s'affiche pas.

Je croyais que Windob.. devais faire un navigateur conforme au standard Smiley lol Smiley lol Smiley lol

merci de votre aide...

voir l'exemple ici l'image de gauche ne se voie pas mais peut s'enregister Smiley murf

le probleme c'est que j'utilise cette fonction d'affiche dans beaucoups de pages du site donc tout changer sa me ferait du travail.
Modifié par imo (18 May 2007 - 10:45)
Salut,

Sur le coup je ne vais pas être d'une grande aide mais pour le fun, je me suis amusé en local à vérifier ton bug sous ie7, effectivement, il y est, je soupçonnais tes nombreux js que j'ai éliminé du code, du coup les float left s'affichent !! Le problème c'est que je suis allé un peu vite et je n'ai pas pu localiser le script en question Smiley lol En soit rien de bien grave sauf qu'en réintégrant tes scripts, l'image s'affiche avec ton code complet Smiley biggol donc je ne peux plus reproduire le problème !! Donc, supprime tes scripts un à un et vérifie l'affichage à chaque fois et tu auras peut être le fautif ...

Bon courage

<edit> validome validateur en français Là
Modifié par ghost (18 May 2007 - 14:06)
merci pour se conseil je pensais pas que cela pouvait venir des js. je vais faire ce que tu me dit et je te tiens au courrant.

Merci beaucoup pour le temps precieux que tu as passé pour régler ce probleme Smiley lol Smiley lol ...

cordiallement Théophile
j'ai essayer de supprimer les js un après l'autre mais sa ne vient pas de la.

Je crois que IE7 ne comprende pas bien la balise float left car le problème venait de ma couleur de fond de la div qui et blache; si je supprime la couleur blanche alors mes photos réaparaissent.

Mais maintenant j'ai un autre problème de mise en page car toutes les div qui on une couleur en BACKGROUND supperpause automatiquement mes images en float left donc c'est bien un problème d'interpretation du CSS par IE7.

voir les titres qui superpose l'image

je crois qu'il va falloir que je bidouille Smiley biggol tout pour que IE7 le future navigateur "conforme de windob" affiche correctement le site Smiley fache Smiley fache

Merci de votre coup de main, et si vous avez une nouvelle idée pour régler le problème comme obliger les photos a être au-dessus de la couleur de BACKGROUND, cela m'aiderait beaucoup

Cordiallement Théophile
Sujet clos
Aller à