[Résolu] Alignement de 4 blocs - Problème avec IE

Bonjour à tous,

Je voudrais aligner 4 blocs horizontalement (des blocs qui contiennent une photo et du texte centré dans chacun des 4 blocs).
J'ai donc utiliser le code suivant :

<div class="photoalign">

<div class="align-c"></div>
<div class="align-c"></div>
<div class="align-c"></div>
<div class="align-c"></div>
<hr />

</div>

Et le CSS suivant :

.photoalign {
	margin: 0;
	padding: 0;
        text-align: center;
	}

.align-c {
	width: 25%;
	float:left;
	margin: 0;
	padding: 0;
	}

hr {
  	clear: both;
  	visibility: hidden;
        }

Tout va bien sur Firefox mais sur IE, le quatrième blocs passe sur une deuxième ligne...

Si vous avez une idée d'où ça peut venir je suis tout à fait preneur.
L'adresse pour voir mon problème :
-http://www.usj86.com/USJ86v3/composition-comite-directeur-judo.html

Merci d'avance.
Modifié par Aquarius (02 Dec 2005 - 11:30)

attention à la fermeture de tes balises!

.photoalign {
	margin: 0;
	padding: 0;
    text-align: center;
}
.alignc {
	width: 25%;
	float:left;
	margin: 1em 0;;
	padding: 0;
}
hr {
  	clear: both;
  	visibility: hidden;
}

<div class="photoalign">
<div class="alignc">aaa</div>
<div class="alignc">aaaaa</div>
<div class="alignc">aa</div>
<div class="alignc">aedddd</div>
<hr />
</div>

J'ai édité mon premier post, car l'erreur ne vient pas de là, j'ai bien fermé mes balises sur la page d'exemple.

J'ai été un peu vite pour faire le post, et le copier/coller et moi ça fait 2^^

Par contre le fait de mettre

margin: 1em 0;

ne change rien au problème
Modifié par Aquarius (17 Nov 2005 - 21:52)

mon code fonctionne....

Sur Firefox ok mais sur IE, j'ai peur... regarde à l'URL que je t'ai donné avec Internet Explorer et dis-moi ce que tu vois...

il y a pas un pb de script ou autre ?
car quand j'enregistre ta page en local tout passe bien, avec IE comme FF

Je ne sais pas, je suis dans l'impasse, j'ai 3 PC et j'ai les même pb sur les trois...

et en local c'est pareil ?

Oui ça donne le même résultat

essaies sans le script js pour voir.
sinon il faudrait peut etre voir avec un code en situation

J'ai fait le test en enlevant le menu de gauche et le script js, et ça fait la même chose.

Salut,

Le coupable est le prologue XML en début de page :

<?xml version="1.0" encoding="iso-8859-1"?>
...

En effet, cela fait passer IE6/Win en mode quirks.
http://www.quirksmode.org/css/quirksmode.html

Ce sera à priori corrigé (contourné) dans IE7.

http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx


Modifié par Nilpohc (18 Nov 2005 - 00:47)

Donc je ne peux rien faire pour mon problème ? (IE ya pas à dire, c'est de la me...)

Bon je vais peut-être en faire bondir certain, mais avec une structure en tableau, ça serait sans doute plus jouable ?
Modifié par Aquarius (18 Nov 2005 - 10:15)

Bon j'ai remédié à mon problème alors je vais mettre un petit résolu, mais cette méthode ne me plait pas des masses. Enfin j'ai ce que je voulais.

Merci à Nilpohc et à yyoupla de m'avoir aidé