Discussion :

[skybuck]

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

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

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

[Poulpynette]

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.

[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

....

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

[skybuck]

pourquoi cela ne parche pas avec mon span alors
??
c'est la meme chose qu'un div non ?

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

[Macmillenium]

Bonjour,

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;

[skybuck]

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

[Macmillenium]

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.

[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

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