overflow sous firefox

**zermatti** · 13/11/2012, 13h25

Bonjour,

Voici mon code :

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
<html>
<style>
#conteneur {
   width: 100px;
   height: 20px;
   background: red;
   overflow: auto
}
</style>
<body>
<div id="conteneur">
AAA<br/>BBB<br/>CCC
</div>
</body>
</html>

Internet Explorer et Chrome affichent un scrollbar vertical lorsque le contenu dépasse le conteneur mais pas FireFox.

**thelvin** · 13/11/2012, 13h55

En 20 pixels, il n'y a pas franchement la place pour une barre de défilement. D'une manière ou d'une autre, il ne peut pas respecter les conditions.

De plus, tu devrais toujours mettre un DOCTYPE quand tu fais des tests de compatibilité, sinon tu es en quirks mode et les navigateurs font chacun ce qu'ils veulent.

**zermatti** · 13/11/2012, 14h12

Merci pour la réponse. Effectivement j'ai testé la hauteur minimale pour afficher la barre de défilement, elle est de 34 pixels pour firefox, les autres navigateurs affichent un scrollbar même à 1 px.

**thelvin** · 13/11/2012, 14h26

Envoyé par zermatti

Merci pour la réponse. Effectivement j'ai testé la hauteur minimale pour afficher la barre de défilement, elle est de 34 pixels pour firefox, les autres navigateurs affichent un scrollbar même à 1 px.

Oui j'ai vu. Ça semble faire un consensus et il ne serait pas surprenant que Firefox apprenne à s'aligner là-dessus dans quelques temps. Mais personnellement, je trouve ce cas pathologique et pas pratique du tout.

overflow sous firefox

CSS

Vue hybride

Discussions similaires

Partager

Partager