Problème interprétation navigateur sur SELECT

**qwertz1** · 02/02/2013, 15h20

Salut à tous,

j'ai un problème d'interprétation avec le code ci-dessous sur les différents navigateurs(à droite de l'image:Safari, à gauche: Firefox)

En effet sur Firefox ce dernier applique par défaut, une marge de 1px en hauteur. Exsit-il une solution afin que mon sélect soit PARFAITEMENT CENTRÉ dans mon div sur les 2 navigateurs(Donc 2px d'espace en haut et 2px d'espace en bas)

http://data.imagup.com/12/1174479694.png

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
24
25
26
 
<style type="text/css">
<!--
select.b {
    font-size:9px;
        width:40px;
}
#C {
        background-color: #999;
        height:19px;
        width:50px;
}
-->
</style>
</head>
 
<body>
<div id="C">
<select class="b backend_dropbox" name="a">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select></div>
</body>
</html>

**miss_socrates** · 02/02/2013, 22h47

Je propose d'essayer

Code :

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

vertical-align: center

ou bien en centrant les marges comme ceci:

Code :

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

margin-top: 2px; margin-bottom: 2 px;

Mais d'abord mettre les marges à 0 pour tous les navigateurs pour éviter les marges différentes d'un navigateur à l'autre :

Code :

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

body{margin: 0; padding: 0;}

**qwertz1** · 02/02/2013, 23h22

Envoyé par miss_socrates

Mais d'abord mettre les marges à 0 pour tous les navigateurs pour éviter les marges différentes d'un navigateur à l'autre :

Code :

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

body{margin: 0; padding: 0;}

Merci mais j'ai testé ca ne donne rien

**NoSmoking** · 04/02/2013, 19h08

Bonjour,

Envoyé par miss_socrates

Je propose d'essayer

Code css :

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

vertical-align: center

vertical-align:middle plutôt.

Envoyé par miss_socrates

Code css :

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

margin-top: 2px; margin-bottom: 2 px;

attention pas d'espace entre la valeur et l’unité.

Code css :

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

body{margin: 0; padding: 0;}

il faut plutôt viser les éléments.

Il te faudra également penser à mettre la même font, la hauteur dépend aussi d'elle, mais quand à obtenir un CENTRAGE PARFAIT c'est pas gagné.

Problème interprétation navigateur sur SELECT

HTML

Vue hybride

Discussions similaires

Partager

Partager