Discussion :

[kayorn]

Bonjour,

J'ai un problème sur IE 7 uniquement (tous les autres navigateurs jouent le jeu)

http://www.galerie.web2aconcept.fr/divers.php

La légende bien centrée partout, se barre à droite sur IE7 (j'ai zappé ie6)

la css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
.photos {
width:300px;
height:500px;
margin-top:40px;
margin-left:0px;
margin-right:30px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
color:#333;
float:left;	
 
	}

le html pour une seule photo:

Code :

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

1
2
 
<div class="photos"><img src="img/marechal-ornano.jpg" width="300" height="401" alt="rue marechal ornano">Rue Maréchal Ornano</div>le html pour une seule photo:

merci à vous

[NoSmoking]

Bonsoir,
c'est la façon de traiter les margin des différents navigateurs. Mets un display: block sur les images

[kayorn]

Bonsoir,
c'est la façon de traiter les margin des différents navigateurs. Mets un display: block sur les images

Bien vu!
avec:

Code :

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

img{ margin-bottom:5px; display:block}

les légendes se mettent au bon endroit.

je mets un commentaire conditionnel pour ie7 ou je laisse la correction dans la feuille générale?

en tout cas merci