[W3C] pb de padding avec SPAN sur firefox
Bonjour à tous,
J'ai un problème avec les éléments span sous firefox avec l'utilisation de padding.
Sous IE j'avais le même problème, mais il a été corrigé en forçant le height à 30px.
Sous IE les SPANs qui retournent à la ligne se placent bien en dessous des uns des autres.
Sous firefox les SPANs sont superposés, en somme il semble que Firefox ne prennent pas en considération ni la height, ni le padding, margin et border top et bottom lors du placement des SPANs. IE le prend en compte si height est précisé.
Voici un code simplifié qui recrait le pb :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<style>
span {
background-color:purple;
color:white;
padding: 10 10 5 10;
height:30px;
border-top:5px solid #ffddff;
}
</style>
<span>lllllllllllllllooooooooooooooooooonnnnnnnnnnnnngggggggggg sssssssssssspppppppppppppaaaaaaaaaaaannnnnnnnnnnn</span>
<span>lllllllllllllllooooooooooooooooooonnnnnnnnnnnnngggggggggg sssssssssssspppppppppppppaaaaaaaaaaaannnnnnnnnnnn</span>
<span>lllllllllllllllooooooooooooooooooonnnnnnnnnnnnngggggggggg sssssssssssspppppppppppppaaaaaaaaaaaannnnnnnnnnnn</span>
<span>lllllllllllllllooooooooooooooooooonnnnnnnnnnnnngggggggggg sssssssssssspppppppppppppaaaaaaaaaaaannnnnnnnnnnn</span>
<span>lllllllllllllllooooooooooooooooooonnnnnnnnnnnnngggggggggg sssssssssssspppppppppppppaaaaaaaaaaaannnnnnnnnnnn</span> |
Toutes aides seraient appréciées.
