Discussion :

[Overstone]

Bonjour,

J'ai un petit sousi avec IE7,
tout marche nikel sur firefox et safari seulement sur IE7 une bordure blanche sépare mes images (contenu dans un div) allignées à l'horizontal avec float:left;

voici mon code css :

Code :

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

1
2
3
4
5
6
7
8
.affiche (style appliqué à tout mes images)
{
border-bottom: 2px solid Black;
	border-top: 2px solid Black;
	border-left: 0 none;
	border-right: 0 none;
float: left;
}

Element à droite de chaque image, ouvert ou fermé, selon si on appuit ou pas sur l'image

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
.infoCache {
float: left;
visibility: hidden;
overflow: hidden;
height: 1px;
margin-top: -1px;
position: absolute;		
}
 
.nocache {
background: #000000;
font-family: Arial,Helvetica,sans-serif;
border-bottom: 4px solid Black;
color: rgb(255, 255, 255);
padding-left: 10px;
height: 252px;
width: 252px;
float: left;
}

(le conteneur contient tout les éléments scrollable de ma page et donc les images)

Code :

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

1
2
3
4
5
#conteneur { /* div scrollable contient le mur */
	height:100%;
	width:100%;
	overflow:auto
	}

(à l'intérieure du div conteneur rassemble les images )

Code :

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

1
2
3
div#element { /* div contenant l'ensemble des elements */
margin-top:100px;
}

Voila c'est apepré tout je suis désespéré que sa marche de partout sauf sur ie7

[Bisûnûrs]

Essaie de mettre un

Code :

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

display:block;

sur tes images.

[Overstone]

j'ai essayé mais mon résultat est le même, toujours une bordure blanche à droite et à gauche de mes images ...

voila la structure de mon site, si sa peut vous aider :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="conteneur">
 
	<div id="element" style="width:<?php echo $largeur;?>" ><!-- affiche -->
 
			<?php while ($donnees = mysql_fetch_array($query_affiche) ) 
 
					{
						?>
						<img class="affiche" src="contrib/<?php echo strip_tags($donnees['fichier']); ?>" onclick="Affiche('<?php echo strip_tags($donnees['id']); ?>');">
						<div name="<?php echo strip_tags($donnees['id']); ?>" id="<?php echo strip_tags($donnees['id']); ?>" class="infoCache">
							<H1><?php echo strip_tags($donnees['site_nom']); ?></H1><br>
							<H2>Affiché le : <?php echo strip_tags($donnees['date']); ?><br>dans la Catégorie : <?php echo strip_tags($donnees['site_genre']); ?><br></H2>
							<P><?php echo strip_tags($donnees['site_describ']); ?><br><H3>Lien : <a href="<?php echo strip_tags($donnees['site_adress']); ?>" onclick="evolution('<?php echo strip_tags($donnees['id']); ?>')" ><?php echo strip_tags($donnees['site_adress']); ?></a><br><img src="graph/<?php echo strip_tags($donnees['site_langue']); ?>.gif"></H3>
						</div>
						<?php
					}	
 
			?><img class="affiche" src="graph/fin.gif">
	</div>
 
</div>

[Candygirl]

Il serait plus utile pour t'aider que tu donnes la structure générée par ton php, qu'on puisse observer le problème. As-tu testé en virant ton .infoCache, en ne gardant que les images, voir si le souci venait de là?

[Overstone]

voila le code généré pour deux element image + divcache par ie7, j'ai essayer d'enlever les styles comme tu mas dis mais rien n'a changé

Code :

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

1
2
3
4
5
6
7
<img class="affiche" src="contrib/1314146c12c07607c3.jpg" onclick="Affiche('2903446c12c0760814');">
						<div name="2903446c12c0760814" id="2903446c12c0760814" class="infoCache">
							<H1>sofadeluxe</H1><br>
							<H2>Affiché le : 2007-08-14 06:13:59<br>dans la Catégorie : blog<br></H2>
							<P>sofadeluxe <br><H3>Lien : <a href="http://sofadeluxe.com" onclick="evolution('2903446c12c0760814')" >http://sofadeluxe.com</a><br><img src="graph/english.gif"></H3></div>
												<img class="affiche" src="contrib/286446c12ba2d108b.gif" onclick="Affiche('503346c12ba2d1103');">
						<div name="503346c12ba2d1103" id="503346c12ba2d1103" class="infoCache">

[Candygirl]

Je ne comprends pas bien à quel niveau se situe ton problème. Perso, j'ai un espace entre les images aussi bien sur IE que sur FF Pourrais-tu donner un lien ou montrer un screen du problème?