opera bug ou feature? padding gere differement list-style

sweetdreamer · 18/03/2011, 17h08

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 :

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
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>

sweetdreamer · 18/03/2011, 17h14

Voici l'effet attendu:
Attendu.jpg

et l'effet observe dans opera 11 (win et mac):
observe.jpg

18/03/2011, 17h14	#2
sweetdreamer Candidat au titre de Membre du Club Inscription : juin 2005 Messages : 36 Détails du profil Informations forums : Inscription : juin 2005 Messages : 36 Points : 12 Points : 12	Effet attendu Voici l'effet attendu: Attendu.jpg et l'effet observe dans opera 11 (win et mac): observe.jpg
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email