CSS Internet Explorer, Firefox

Fermé
g25452 Messages postés 66 Date d'inscription vendredi 16 mai 2008 Statut Membre Dernière intervention 1 juin 2010 - 23 oct. 2008 à 12:29
g25452 Messages postés 66 Date d'inscription vendredi 16 mai 2008 Statut Membre Dernière intervention 1 juin 2010 - 27 oct. 2008 à 09:52
Bonjour,

Dans ma page JSP, j'affiche un message dont les coordonnées sont définis dans
mon CSS.

Lorsque j'ouvre ma page JSP avec internet explorer, le message est bien mis,
Mais quand je l'ouvre avec Firefox, mon message se déplace sur un tableau que j'avais placer a coté.

- Mon tableau se trouve dans un <div> :

<div>

<div id="form">
<form method="post" action="./Book">

<table border="0" cellpadding="3" cellspacing="1" width="60%" class="line">
<tr>
<th class="thHead" colspan="2" height="25" valign="middle">Book</th>
</tr>

...




- JSP :
<div class = "contact">
<b> <a href="./index?param=contact">Contactez nous</a> </b>
...




- CSS :

.contact {
position: absolute;
top: 350;
left: 370;
width: 20%;
}





Est-ce que quelqu'un sait comment faire pour qu'il reste à la bonne position quelque
soit ce que l'on utilise?

Merci
A voir également:

4 réponses

g25452 Messages postés 66 Date d'inscription vendredi 16 mai 2008 Statut Membre Dernière intervention 1 juin 2010
23 oct. 2008 à 15:50
Merci, mais j'aimerais que quelque soit le choix (Internet Explorer oou Firefox) ça reste à la position à gauche de mon tableau.

Parce que la si je change le top et que je l'ouvre avec Internet Explorer ca va changer.
0
drole_de_poete_geek Messages postés 11 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 23 octobre 2008 3
23 oct. 2008 à 14:13
salut,
pour les différences d'affichage entre IE et Firefox il suffit de redéfinir les valeurs des attributs genre:
top: 200px !important;
top: 350px;
c'est juste un exemple le 200, tu l'adapte à l'affichage voulu sur Firefox.
-1
drole_de_poete_geek Messages postés 11 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 23 octobre 2008 3
23 oct. 2008 à 22:12
salut,
effectivement, avec le "!important" on travaille sur deux volets: IE et Firefox parcequ'il n y a pas toujours le même affichage entre les deux navigateurs. Donc la règle que tu dois utiliser pour régler ton problème d'affichage entre les 2 navigateurs c'est:
à chaque fois que tu trouves une différence d'affichage entre IE et Firefox, tu fais deux définitions pour le même attribut: une pour Firefox et une autre pour IE, par exemple:
margin-left: 100px !important;
margin-left: 85px;
dans ce cas Firefox va prendre la première valeur qui est 100px et ne va plus s'intéresser à la valeur qui suit le "!important",pour IE il va s'intéresser à la valeur qui suit le "!important" (c'est à dire 85px) et ne va plus prendre en considération la première qui 100%.

C'est OK?
-1
g25452 Messages postés 66 Date d'inscription vendredi 16 mai 2008 Statut Membre Dernière intervention 1 juin 2010
27 oct. 2008 à 09:52
OK :) je vais essayer Merci
Bonne journée
-1