Compatibilité Visuelle Internet Exploret et Firefox

Marsh Posté le 29-01-2008 à 09:55:41

Bonjour a tous,

j'ai fait un petit album photo pour mon site mais pour le moment, je n'arrive pas a avoir le même résultat visuel sous Internet Explorer et Firefox ... :??:

le site a été codé au bloc note avec mes faibles connaissances donc il doit y avoir pas mal de choses qui ne vont pas sur la partie gauche de la page (28 photos mignatures). :sweat:

Je vous remercie par avance pour vos conseils.

voici un lien vers la page:

http://fanfan78.free.fr/Paramoteur [...] hoto_01_01

Voici le code que j'ai utilisé:

Dans le CSS:

Code :

.conteneur_vignettes { width: 280px; padding-left: 18px; padding-top: 32px; float: left; text-align: center; }
.vignettes { background: #FFFFFF; float: left; }
.vignettes img { border: 1px solid #FFFFFF; }
.vignettes a:hover img { border: 1px solid #000000; }

Dans le PHP:

Code :

<div class="vignettes"><? include("Vignettes_Album_Photo_01.php" ); ?></div>

Code :

<a href="?ID=Page_Album_Photo_01_01"><img src="Album_Photo_01/Vignettes/01.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_02"><img src="Album_Photo_01/Vignettes/02.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_03"><img src="Album_Photo_01/Vignettes/03.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_04"><img src="Album_Photo_01/Vignettes/04.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_05"><img src="Album_Photo_01/Vignettes/05.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_06"><img src="Album_Photo_01/Vignettes/06.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_07"><img src="Album_Photo_01/Vignettes/07.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_08"><img src="Album_Photo_01/Vignettes/08.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_09"><img src="Album_Photo_01/Vignettes/09.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_10"><img src="Album_Photo_01/Vignettes/10.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_11"><img src="Album_Photo_01/Vignettes/11.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_12"><img src="Album_Photo_01/Vignettes/12.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_13"><img src="Album_Photo_01/Vignettes/13.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_14"><img src="Album_Photo_01/Vignettes/14.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_15"><img src="Album_Photo_01/Vignettes/15.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_16"><img src="Album_Photo_01/Vignettes/16.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_17"><img src="Album_Photo_01/Vignettes/17.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_18"><img src="Album_Photo_01/Vignettes/18.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_19"><img src="Album_Photo_01/Vignettes/19.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_20"><img src="Album_Photo_01/Vignettes/20.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_21"><img src="Album_Photo_01/Vignettes/21.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_22"><img src="Album_Photo_01/Vignettes/22.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_23"><img src="Album_Photo_01/Vignettes/23.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_24"><img src="Album_Photo_01/Vignettes/24.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_25"><img src="Album_Photo_01/Vignettes/25.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_26"><img src="Album_Photo_01/Vignettes/26.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_27"><img src="Album_Photo_01/Vignettes/27.jpg" alt="" /></a><a href="?ID=Page_Album_Photo_01_28"><img src="Album_Photo_01/Vignettes/28.jpg" alt="" /></a>

Reply

Marsh Posté le 29-01-2008 à 09:55:41

Reply

Marsh Posté le 29-01-2008 à 14:37:11

Essaye vertical-align:bottom; dans .vignettes img
si j'ai bien compris.

Message cité 1 fois

Reply

Marsh Posté le 29-01-2008 à 15:39:54

Dan_A a écrit :

Essaye vertical-align:bottom; dans .vignettes img
si j'ai bien compris.

Merci pour ta réponse Dan_A, j'ai essayé ce que tu m'as dit mais ca ne change rien au probleme

Voila ce que ca donne sous IE (se que je voudrais faire aussi sous FF):

Voila ce que ca donne sous FF:

Reply

Marsh Posté le 29-01-2008 à 16:17:39

T'es sûr d'avoir modifier le bon fichier, purger le cache, uploadé au bon endroit, testé le bon site ? Parce qu'à l'arrache en utilisant Firebug pour rajouter la règle CSS que t'a conseillé Dan_A, bah ça fonctionne.

Message cité 1 fois

Reply

Marsh Posté le 29-01-2008 à 23:28:25

tpierron a écrit :

T'es sûr d'avoir modifier le bon fichier, purger le cache, uploadé au bon endroit, testé le bon site ? Parce qu'à l'arrache en utilisant Firebug pour rajouter la règle CSS que t'a conseillé Dan_A, bah ça fonctionne.

oups ... dans le doute j'ai testé a nouveau et ca marche bien en effet :sol:
je ne sais pas quelle connerie j'ai fait la premiere fois mais en tout cas le probleme n'est plus
un grand merci a tout les deux :jap:

Reply

Compatibilité Visuelle Internet Exploret et Firefox

Sujets relatifs:

Leave a Replay