CSS Internet Explorer, Firefox
g25452
Messages postés
78
Statut
Membre
-
g25452 Messages postés 78 Statut Membre -
g25452 Messages postés 78 Statut Membre -
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
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:
- CSS Internet Explorer, Firefox
- Internet explorer 11 - Télécharger - Navigateurs
- Internet explorer 8 - Télécharger - Navigateurs
- Internet explorer - Guide
- Internet explorer 10 - Télécharger - Navigateurs
- Explorer patcher - Télécharger - Personnalisation
4 réponses
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.
Parce que la si je change le top et que je l'ouvre avec Internet Explorer ca va changer.
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.
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.
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?
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?
