Discussion :

[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. 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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<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>

et les CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 #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;
}

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

[romain_ci]

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
* {
margin:0;
padding:0;
}

Ca retire les margin et padding par default
Et comme ca tu es tranquil est tu peut mettre les marges et padding que tu veut.

[minimouse]

Merci pour ta réponse,
il faut que je rajoute

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
* {
margin:0;
padding:0;
}

avant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#rech-form {
	margin:0;
	padding:16px 0;
	background:url(img/fnd-rech.gif) no-repeat center;
	font-size:0.8em
}

si c'est cela je viens de tester et ça ne marche pas ...
j'ai du louper quelque chose ...