demande d'une explication generaliste pour le non fonctionnement de CSS sur firefox

Version imprimable

bonjour
je me heurte regulierement au meme probleme et je ne trouve pas surle web d'explication globale sur ce pb
pourquoi une css marche sur IE et pas sur firefox
ma derniere en date par exemple:
sur une balise SPAN
j'ai crée une css qui marche sur IE et pas sur firfox. ici c'est le scroll qui est inactif, la taille de mon span ne se reduit pas

la voici
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 .lespan4 { position : static; overflow-y : auto; overflow-x : hidden; width : 100%; height : 70px; SCROLLBAR-FACE-COLOR: #737373; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFF7; SCROLLBAR-SHADOW-COLOR: #FFFFF7; SCROLLBAR-3DLIGHT-COLOR: #FFFFF7; SCROLLBAR-ARROW-COLOR: #FFFFF7; SCROLLBAR-TRACK-COLOR: #FFFFF7; SCROLLBAR-DARKSHADOW-COLOR: #FFFFF7; padding: 0px background-repeat: no-repeat; }
est ce que qqun peut m'aider a comprendre pourquoi dans ce cas precis et plus generalement pourquoi cela ne marche pas
merci

09/04/2009, 20h21
desert

Bonjour,
Un élément span est de type en-ligne. Cela veut dire que tu dois modifier leur comportement en ajoutant la propriété display:block pour qu'il puisse réagir comme un élement de type bloc (div, p, ul, etc...).
Par contre, il me semble que la stylisation d'un scrollbar ne marche que sur IE (pas sûr).
Pour finir, il te manque un ; à la fin de ton padding.
10/04/2009, 09h57
Poulpynette

Citation:

Envoyé par desert

Par contre, il me semble que la stylisation d'un scrollbar ne marche que sur IE (pas sûr).

Je confirme, c'est du code propriétaire IE, ça ne fonctionnera pas ailleurs.
10/04/2009, 17h20
skybuck

j'ai pris une css au hasard pour exemple (pour le ; une erreur du copé collé)

bon par contre cela n'arrrange pas mes affaire tout ca... car comment faire pour qu'une cellule garde sa taille peut importe la grandeur du contenu et que celui ci soit visible dans son entier ... sur firefox

en fait je m'apercois que tout ce qui touche a la taille n'est pas forcement suivi sur firefox

....
10/04/2009, 17h25
Poulpynette

Une cellule de table aura la taille définie dans ton CSS si le contenu ne dépasse pas en largeur ou en hauteur. Sinon, elle s'étire.

Tu peux mettre un DIV à l'intérieur de ta cellule pour contourner ce problème. Tu fixes ainsi largeur et hauteur, et tu lui mets la propriété CSS overflow: auto;
10/04/2009, 17h32
skybuck

pourquoi cela ne parche pas avec mon span alors
??
c'est la meme chose qu'un div non ?
10/04/2009, 17h35
Poulpynette

Non, un span est fait pour contenir et formater du texte. C'est un élément qui par défaut est "inline" et ne peut pas être dimensionné. Il s'adapte juste à son contenu.

Un div est de type "block" et peut être dimensionné avec des dimensions fixes. Il ne bougera pas, si le contenu est trop grand, le "overflow: auto" affichera un ascenseur.
10/04/2009, 18h00
Macmillenium

Bonjour,

Citation:

Envoyé par Poulpynette

un élément qui par défaut est "inline" et ne peut pas être dimensionné. Il s'adapte juste à son contenu.

Si c'est un élément en-ligne non remplacé, oui.
Les éléments en-ligne remplacés comme les input, img, select ont le même comportement que les éléments bloc.

Comme le dit desert, il faut modifier le comportement du span via un display:block;
10/04/2009, 18h06
skybuck

mais pour en revenir a ma question globale ...
comment faire pour que mes css soient efficace sur IE mais aussi firefox...
??
10/04/2009, 18h11
Macmillenium

Citation:

Envoyé par skybuck

mais pour en revenir a ma question globale ...
comment faire pour que mes css soient efficace sur IE mais aussi firefox...
??

Sans l'intégralité de ton code (X)HTML/CSS, difficile de te répondre.
Ton code n'est censé fonctionner sous aucun navigateur.
10/04/2009, 18h53
skybuck

c'est une question generaliste

voici un exemple

http://www.latulipenoire-cetes.fr/news.php

a voir sur IE puis sur firefox ...

ca parle tout seul
10/04/2009, 20h51
desert

Comme je le disais, tu dois ajouter un display:block à ton span.lespangallery car un span ne réagit pas comme un élément de type bloc.
Maintenant, je ne vois pas l'utilité du span à cet endroit, il rend ton code invalide (un span ne peut pas contenir d'élements de type bloc). Dans ce genre de situation, un div aurait parfaitement fait l'affaire.