Compatibilité Visuelle Internet Exploret et Firefox

Compatibilité Visuelle Internet Exploret et Firefox - HTML/CSS - Programmation

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 :
  1. .conteneur_vignettes { width: 280px; padding-left: 18px; padding-top: 32px; float: left; text-align: center; }
  2. .vignettes { background: #FFFFFF; float: left; }
  3. .vignettes img { border: 1px solid #FFFFFF; }
  4. .vignettes a:hover img { border: 1px solid #000000; }


Dans le PHP:

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


Code :
  1. <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.

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):
http://fanfan78.free.fr/Forums/Probleme_Site_01.jpg
Voila ce que ca donne sous FF:
http://fanfan78.free.fr/Forums/Probleme_Site_02.jpg

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.

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

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed