1 pièce(s) jointe(s)
opera bug ou feature? padding gere differement list-style
Bonjour,
En développant un site internet j'ai eu à créer un menu (sous forme ul) donc l'élément activé avait un arrière plan d'une autre couleur que les autres et j'ai eu un problème avec l'alignement de la puce dans opera 11 (windows et mac): normalement le padding aurait du déporter la puce du bord et ce n'est pas le cas (le code marche pour IE9,firefox chrome et safari).
Voici le code qui permet de reproduire le problème. La puce et deux capture d'écran sont jointes.
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
27
28
29
30
31
32
33
34
35
36
37
|
<html>
<head><title>Test opera</title>
<style type="text/css"><!--
#column{
width:210px;
}
#test{
margin: 0px auto;
padding: 0px;
list-style: none;
width: 194px;
border:solid 1px #c0d0dc;
list-style-image:url(puceorange.png);
l ist-style-position:inside;
font-size:110%;
}
#test li{
background-color:#def3fb;
margin:20px 0px;
padding:15px;
}
//-->
</style>
</head>
<body>
<div id="column">
<ul id="test">
<li>Un</li>
<li>Deux</li>
<li>Trois</li>
<li>Quatre</li>
</ul></div>
</body>
</html> |
