Discussion :

[samourai_alex]

salut a tous

que de boulot avec le css. mais bon, c assez cool

voila my problemo,

g une galerie photo :

- sous FF, g 4 photo par gallerie max : 2 colonnes , 2 lignes.
- sous IE, mes photo sont sur une colonne.

avez vous une solution pour que mes div(avec du css) contenant mes images puissent etre en colonne de 2 et en ligne de 2 sur IE?

voici mon code pour les div de mes images :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
div.photomin {
  width: 200px;
  height: 200px;
  margin: 20px;
  float: left;
  border:solid black 4px ;
  -moz-border-radius:10px 10px 10px 10px;
  font-size:7pt;
  background-color :#9999cc;
}

[Perceval]

peut être que.....

En applicant une CSS à tes images du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
div.photomin img {
width:80px;
height 80px;
float left;
margin-left:5px;
margin-right:5px;
}

Après, il faut savoir que IE et FF ne gère pas les margin de la même façon. Sans doute pour ca que sur l'un tu as tes 2 colones et l'autre juste une. Aussi, toujours prévoir un conteneur plus grand que les images. Si la largeur de tes images est de 100px, je pense que c'est à cause de ca que ne s'affiche pas comme tu veux avec IE.

Après, juste pour le -moz-border.... tu dois bien te douter qu'il s'agit d'une balise que pour l'instant IE ne reconnait pas....

[samourai_alex]

merci ca marche nickel
a+