Petit Pb de repeat-y sous Mozilla

Petit Pb de repeat-y sous Mozilla - HTML/CSS - Programmation

Marsh Posté le 21-12-2004 à 10:33:16    

Bonjour tout le monde,
 
voila comme le dit le titre j ai une ligne CSS de ce type:
 
#menumoyen {
        width:228px;
 height:39px;
 background:url('design/menumoyen.gif') repeat-y;
}
 
Et pis quand j 'ecris un truc dans le <div id="menumoyen"></div>, le background veut pas se repeter vers le bas sous Mozilla alors que ca marche super avec IE!
Quelqu'un a til une idee??

Reply

Marsh Posté le 21-12-2004 à 10:33:16   

Reply

Marsh Posté le 21-12-2004 à 10:36:03    

C'est :
 

Code :
  1. background: transparent url('design/menumoyen.gif') repeat-y;

Reply

Marsh Posté le 21-12-2004 à 10:38:10    

Et non, merci mais c'est pas ca, en fait ce qui se passe c'est que le texte est bien ecris sur la premiere "tranche" de l image en background mais l image ne se repete pas si le texte est trop long!!
Sur IE c est nickel!
Quelq un d autre? Merci

Reply

Marsh Posté le 21-12-2004 à 10:43:41    

Si c'est ça, t'as oublié de mettre la couleur en premier argument. La propriété background a comme arguments tout ça dans l'ordre : couleur, image, repétation, attachement, position.
 
Si t'oublie la couleur, ça marchera pas, c'est juste IE qui corrige ton erreur ;)

Reply

Marsh Posté le 21-12-2004 à 10:43:46    

tu impose une hauteur de 39px à ton div, quel hauteur fait ton image ????


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 21-12-2004 à 10:48:32    

FlorentG a écrit :

Si c'est ça, t'as oublié de mettre la couleur en premier argument. La propriété background a comme arguments tout ça dans l'ordre : couleur, image, repétation, attachement, position.


Ce sont des "OU"... Tu mets bien ce que tu veux...
 
 
FTG> URL pour tester ?


Message édité par gm_superstar le 21-12-2004 à 10:49:10

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-12-2004 à 10:50:34    

Mon image fait aussi 39px. Mais sous IE y a aucun pbs!! Pourtant dans toutes les docs, il est bien dit que la propriete repeat est compatible chez tous les navigateurs!

Reply

Marsh Posté le 21-12-2004 à 10:53:16    

gm_superstar a écrit :

Ce sont des "OU"... Tu mets bien ce que tu veux...


 
Ouch effectivement, un morceau de la spécification que j'avais loupé  :cry:

Reply

Marsh Posté le 21-12-2004 à 10:57:37    

Bon j'ai essayé, ça arrive quand tu met une height à un élément et que cette height s'agrandit du fait d'un contenu trop grand...

Reply

Marsh Posté le 21-12-2004 à 10:59:41    

Ben oui donc du coup on a toujours pas la solution ;)

Reply

Marsh Posté le 21-12-2004 à 10:59:41   

Reply

Marsh Posté le 21-12-2004 à 11:00:14    

Ben si, tu donnes la bonne hauteur à ton DIV...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-12-2004 à 11:00:15    

ah ok
donc selon toi je devrait pas mettre de height??

Reply

Marsh Posté le 21-12-2004 à 11:00:23    

FTG a écrit :

Mon image fait aussi 39px. Mais sous IE y a aucun pbs!! Pourtant dans toutes les docs, il est bien dit que la propriete repeat est compatible chez tous les navigateurs!


 
Tu met une image et un div de 39px, théoriquement elle ne dois pas se répéter(meme si tu le dis dans le CSS) vu qu'un image de 39px ne loge qu'une fois dans 39px...
Il se trouve que ton div fait ensuite plus de 39px à cause d'un texte trop long, mais ton CSS n'est pas responsable de ton sous-dimensionnement de la hauteur du div, pour lui ça fait 39 et 39 donc pas de répétition....
 
Essai de mettre une hauteur de div > à 39 pour voir si l'image se répète sous Mozilla.
 
PS: il ne faut jamais prendre IE comme exemple de comportement vu que c'est celui qui respecte le moins la conformité CSS.


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 21-12-2004 à 11:00:28    

Si on regarde la syntaxe proposée sur selfhtml.org ça donne ça :
 

Code :
  1. background:url('design/menumoyen.gif');
  2. background-repeat:repeat-y;

Reply

Marsh Posté le 21-12-2004 à 11:00:57    

Ben mon div a la bonne hauteur!
C est sur, j'ai fait ca avec photoshop et j ai verifie

Reply

Marsh Posté le 21-12-2004 à 11:01:19    

FTG a écrit :

ah ok
donc selon toi je devrait pas mettre de height??


Oui


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-12-2004 à 11:01:34    

ah ok j essaye!!

Reply

Marsh Posté le 21-12-2004 à 11:01:58    

Mais si ton div est susceptible de contenir un long texte, pourquoi tu le met à 39px ?

Reply

Marsh Posté le 21-12-2004 à 11:02:07    

FTG a écrit :

Ben mon div a la bonne hauteur!
C est sur, j'ai fait ca avec photoshop et j ai verifie


La preuve que non vu que Mozilla doit l'agrandir.
 
On parle de la hauteur du DIV pas de celle de l'image.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-12-2004 à 11:02:14    

sinon tu lis ce que j'ai écrit juste avant ;)


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 21-12-2004 à 11:02:32    

bidem a écrit :

Si on regarde la syntaxe proposée sur selfhtml.org ça donne ça :
 

Code :
  1. background:url('design/menumoyen.gif');
  2. background-repeat:repeat-y;



 
Ca c'est la version longue. La version courte permet de faire ça :
 

Code :
  1. background:url('design/menumoyen.gif') repeat-y;

Reply

Marsh Posté le 21-12-2004 à 11:03:36    

Bien vu!!
Ca marche, le probleme est donc resolu!
Ca devrait en interesser plus d'un!!

Reply

Marsh Posté le 21-12-2004 à 11:04:12    

j'voudrais pas avoir l'air d'insister mais j'avai déjà expliquer là-haut le pb de la taille du div et le pourquoi de la non-répétitiotn, mais mon post à été englobé dans la séance intensive de post ;)
 
EDIT: et c'est pourquoi je t'ai demandé dès le départ la taille de ton image pour pouvoir comparer avec le height du div ;)


Message édité par Xav_ le 21-12-2004 à 11:05:06

---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 21-12-2004 à 11:06:38    

Xav_ a écrit :

j'voudrais pas avoir l'air d'insister mais j'avai déjà expliquer là-haut le pb de la taille du div et le pourquoi de la non-répétitiotn, mais mon post à été englobé dans la séance intensive de post ;)
 
EDIT: et c'est pourquoi je t'ai demandé dès le départ la taille de ton image pour pouvoir comparer avec le height du div ;)


 
T'inquiètes, on l'avait vu, mais lui non je pense...
 
Aller, [:prosterne]Xav_[:prosterne2]

Reply

Marsh Posté le 21-12-2004 à 11:10:15    

Ah oups desole!!
Oui Xav, c'est toi qui a tout le merite de la reponse! ;)

Reply

Marsh Posté le 21-12-2004 à 11:53:01    

on fait pas un concours, ce qui compte c'est que tu ai ta réponse,  
c'est juste que filer la réponse au bout de 5 posts et vous voir en écrire 5 de plus pour arriver à la meme conclusion j'ai trouvé ça un peu c....
 
spa grave, j'ai tjs été un artiste incompris... ;)


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed