IE et Firefox : comment gérer le décalage ?
minimouse
-
minimouse -
minimouse -
Bonjour à tous,
je savais qu'entre IE et Firefox il y avait des décalages au niveau de la présentation d'une page Web mais là je m'arrache les cheveux, je vous explique mon cas : j'ai fait un bouton pour la recherche de mots sur mon site.[URL=http://www.picdo.net/Fichiers/b8c8ec7e3c79b01f99992dc67d499267/fnd-rech.gif]fnd-rech.gif[/URL] Sur ce bouton je cherche à y mettre "Rechercher" et "OK". Je le fais avec les CSS mais le problème c'est que je l'ai parfaitement bien avec Firefox et moins bien avec IE et je souhaiterais,finalement, que les éléments soient mieux positionnés avec IE (le nombre d'internautes utilisant ce navigateur est le plus important. Je vous donne le code que j'ai utilisé : pour gérer la fonction recherche
[code]<form id="rech-form" name="rech-form" method="post" action="">
<label for="rech">Rechercher</label>
<input name="rech" type="text" id="rech" accesskey="4" value="Rechercher" onFocus="javascript:this.value=''" />
<input type="submit" name="rech-btn" id="rech-btn" value="OK" />
</form> /code
et les CSS :
[code]#rech-form {
margin:0;
padding:16px 0;
background:url(img/fnd-rech.gif) no-repeat center;
font-size:0.8em
}
#rech-form label {
display:none;
}
#rech-form #rech {
background:none;
color:#06C;
border:none;
width:11em;
margin-left:15px;
}
#rech-form #rech-btn {
background:none;
color:#fff;
font-weight:bold;
border:none;
}
/code
Si quelqu'un pouvait m'aider à revoir ce code pour que IE l'affiche correctement ou si justement il existait un "bout de
code" pour faire en sorte que IE et Firefox affichent de la même façon (utopie !!!!????)
Merci d'avance pour vos réponses
je savais qu'entre IE et Firefox il y avait des décalages au niveau de la présentation d'une page Web mais là je m'arrache les cheveux, je vous explique mon cas : j'ai fait un bouton pour la recherche de mots sur mon site.[URL=http://www.picdo.net/Fichiers/b8c8ec7e3c79b01f99992dc67d499267/fnd-rech.gif]fnd-rech.gif[/URL] Sur ce bouton je cherche à y mettre "Rechercher" et "OK". Je le fais avec les CSS mais le problème c'est que je l'ai parfaitement bien avec Firefox et moins bien avec IE et je souhaiterais,finalement, que les éléments soient mieux positionnés avec IE (le nombre d'internautes utilisant ce navigateur est le plus important. Je vous donne le code que j'ai utilisé : pour gérer la fonction recherche
[code]<form id="rech-form" name="rech-form" method="post" action="">
<label for="rech">Rechercher</label>
<input name="rech" type="text" id="rech" accesskey="4" value="Rechercher" onFocus="javascript:this.value=''" />
<input type="submit" name="rech-btn" id="rech-btn" value="OK" />
</form> /code
et les CSS :
[code]#rech-form {
margin:0;
padding:16px 0;
background:url(img/fnd-rech.gif) no-repeat center;
font-size:0.8em
}
#rech-form label {
display:none;
}
#rech-form #rech {
background:none;
color:#06C;
border:none;
width:11em;
margin-left:15px;
}
#rech-form #rech-btn {
background:none;
color:#fff;
font-weight:bold;
border:none;
}
/code
Si quelqu'un pouvait m'aider à revoir ce code pour que IE l'affiche correctement ou si justement il existait un "bout de
code" pour faire en sorte que IE et Firefox affichent de la même façon (utopie !!!!????)
Merci d'avance pour vos réponses
A voir également:
- IE et Firefox : comment gérer le décalage ?
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Mozilla firefox - Télécharger - Navigateurs
- Exporter favoris firefox - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Comment supprimer bing de firefox - Guide
4 réponses
Salut,
Sur ta css tu peux gérer ça avec la fonction !important
En fait, tu gères la position pour Firefox
genre
#truc {
margin: 25px!important;
margin:57;
}
En fait, Firefox va prendre en compte la ligne avec le !important et comme IE ne peut pas le lire, il va prendre en compte l'autre.
En espérant que ça t'aidera
Sur ta css tu peux gérer ça avec la fonction !important
En fait, tu gères la position pour Firefox
genre
#truc {
margin: 25px!important;
margin:57;
}
En fait, Firefox va prendre en compte la ligne avec le !important et comme IE ne peut pas le lire, il va prendre en compte l'autre.
En espérant que ça t'aidera
Bonjour.
Il y a un article qui pourrait t'intéresser sur Pompage.net.
(Et je ne vois pas le rapport avec le Javascript ...)
Il y a un article qui pourrait t'intéresser sur Pompage.net.
(Et je ne vois pas le rapport avec le Javascript ...)
encore merci,
je suis allé sur pompage et après lecture j'ai repris mon travail sur lequel je planche : en fin de compte le problème est que le champ "Rechercher" est trop long ... je m'explique : en mettant le code qui gère la fonction recherche [code]
<form id="rech-form" name="rech-form" method="post" action="">
<label for="rech">Rechercher</label>
<input name="rech" type="text" id="rech" accesskey="4" value="Rechercher" onFocus="javascript:this.value=''" />
<input type="submit" name="rech-btn" id="rech-btn" value="OK" />
</form> [/code]
et en local j'ai bien "Rechercher" et sur la même ligne "OK" et je me disais que si j'arrivais à réduire la taille du champ "Rechercher" "OK" pourrait être à côté ??? j'ai bien essayé de préciser un nombre de caractères maximum mais pas de résultat ....
as-tu une idée ?
je continue de m'arracher les cheveux ...
je suis allé sur pompage et après lecture j'ai repris mon travail sur lequel je planche : en fin de compte le problème est que le champ "Rechercher" est trop long ... je m'explique : en mettant le code qui gère la fonction recherche [code]
<form id="rech-form" name="rech-form" method="post" action="">
<label for="rech">Rechercher</label>
<input name="rech" type="text" id="rech" accesskey="4" value="Rechercher" onFocus="javascript:this.value=''" />
<input type="submit" name="rech-btn" id="rech-btn" value="OK" />
</form> [/code]
et en local j'ai bien "Rechercher" et sur la même ligne "OK" et je me disais que si j'arrivais à réduire la taille du champ "Rechercher" "OK" pourrait être à côté ??? j'ai bien essayé de préciser un nombre de caractères maximum mais pas de résultat ....
as-tu une idée ?
je continue de m'arracher les cheveux ...
Si quelqu'un pouvait m'aider au niveau des css encore merci
#rech-form { margin:0; margin:0; padding:16px 0; background:url(img/fnd-rech.gif) no-repeat center; font-size:0.8em } #rech-form label { display:none; } #rech-form #rech { background:none; color:#06C; border:none; width:11em; margin-left:15px; } #rech-form #rech-btn { background:none; color:#fff; font-weight:bold; border:none; }