Problème interprétation navigateur sur SELECT
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:
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> |
Problème interprétation navigateur sur SELECT
Je propose d'essayer
Code:
vertical-align: center
ou bien en centrant les marges comme ceci:
Code:
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:
body{margin: 0; padding: 0;}
:)
