Compatibilité firefox et internet explorer

Résolu/Fermé

live4ever - 15 mai 2012 à 17:15
Tralala8 Messages postés 120 Date d'inscription mercredi 17 août 2011 Statut Membre Dernière intervention 12 février 2013 - 2 déc. 2012 à 14:30

Bonjour,

Je suis en train de créer un site dans lequel j'insère des photos qui servent de lien entre elles. Avec firefox le résultat est parfait mais lorsque j'ouvre mon site avec Internet explorer il y a un décalage entre les photos et elles sont entourées d'un trait bleu.
Est-ce qu'il y a un code HTML ou CSS à insérer pour que mon site soit identique dans les deux cas ?
Merci de l'aide que vous pourrez m'apporter.

Voici les codes de mes 2 blocs

<div id="corps6A">
<div align="center">
<a href="information_portfolio2.html"><img src="images/portfolio2.jpg" width="123" height="80" vspace="8" /></a>
<a href="information_portfolio3.html"><img src="images/portfolio3.jpg" width="123" height="80" vspace="8" /></a>
<a href="information_portfolio4.html"><img src="images/portfolio4.jpg" width="123" height="80" vspace="8" /></a>
<a href="information_portfolio5.html"><img src="images/portfolio5.jpg" width="123" height="80" vspace="8" /></a>
</div>
</div>

<div id="corps6B">
<div align="center"><img src="images/portfolio1.jpg" width="570" height="370" vspace="8" /></div>
</div>

A voir également:

Compatibilité firefox et internet explorer
Internet explorer 8 - Télécharger - Navigateurs
Telecharger internet explorer - Télécharger - Navigateurs
Ouvrir internet explorer - Guide
Internet explorer 9 - Télécharger - Navigateurs
Internet explorer windows 10 - Télécharger - Navigateurs

5 réponses

Réponse 1 / 5

Célien Messages postés 5729 Date d'inscription jeudi 8 mai 2008 Statut Membre Dernière intervention 9 septembre 2021 1 993
15 mai 2012 à 17:40

Salut,

Pendant que tu y es regarde ton site sous Chrome c'est désormais un des navigateurs les plus utilisés.

live4ever
15 mai 2012 à 18:55

Merci, mais cela ne mette pas tellement.
Est-ce le fait qu'il y ait des liens peut constituer un décalage ?

live4ever
15 mai 2012 à 18:58

cela ne "m'aide" pas
pardon

Réponse 2 / 5

bg62 Messages postés 23658 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 20 novembre 2024 2 389
15 mai 2012 à 20:06

il faut voir avec ta css, voir si tu peux mettre éventuellement un 'hack' pour IE ...
faut tester et re-tester ... en local de préférence :)
et pour les autres version de IE:
https://www.commentcamarche.net/telecharger/web-internet/12105-ietester/

live4ever
15 mai 2012 à 22:09

Merci pour le logiciel.

Qu'est-ce qu'un "hack" ?

Voici la css
#container #corps6 #corps6A{
width: 150px;
background-color: #FFFFFF;
color: #666666;
float: left;
padding: 5px;
margin: 5px;
}
#container #corps6 #corps6B{
width: 570px;
background-color: #FFFFFF;
color: #666666;
float: left;
margin: 5px;
padding: 5px;
}

Réponse 3 / 5

live4ever
17 mai 2012 à 09:48

Je viens de comprendre d'où vient le problème.
Il s'agit des liens entre les photos ! J'ai supprimé les liens permettant de passer d'une photo à l'autre et là l'espace entre les images est respecté.
Alors comment faire pour que sous IE les liens ne défigurent pas ma conception ?

Réponse 4 / 5

live4ever
17 mai 2012 à 10:36

C'est bon j'ai trouvé la solution à mon problème. Il s'agissait des bordures qui encadraient les photos.
J'ai rajouté a img {border: none;} à mon css et c'est parfait !

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Tralala8 Messages postés 120 Date d'inscription mercredi 17 août 2011 Statut Membre Dernière intervention 12 février 2013 14
19 mai 2012 à 10:49

Sinon, vous pouvez utiliser cette astuce publiée sur le site HTML5 Boilerplate (http://fr.html5boilerplate.com/) et provenant de ce cher Paul Irish :

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

En gros, ce code rajoute une classe à la balise HTML suivant la version d'Internet Explorer.

De cette façon, pour cibler une version spécifique, vous avez juste à écrire pour cibler une div :

.ie7 div{
      .....
}

De plus, ce code est valide W3C pour ceux qui y serait attentif.

nuip
1 déc. 2012 à 21:13

ouai mais ce met ou ??

Tralala8 Messages postés 120 Date d'inscription mercredi 17 août 2011 Statut Membre Dernière intervention 12 février 2013 14
2 déc. 2012 à 14:30

En remplacement de la balise <html>. C'est un code qui génère une balise html et rajoute la classe indiquée.

Discussions similaires

App explorer Sa sert a quoi ?

FOTOSE (allemagne)

35 GO à l'étranger