problème de compatibilité avec FireFox , IE6 et CSS ...

problème de compatibilité avec FireFox , IE6 et CSS ... - HTML/CSS - Programmation

Marsh Posté le 26-07-2004 à 13:54:07    

Avec Internet exploreur aucun problème mais avec FireFox 0.9.2 l'arrière plan de ma div est décalé vers la gauche :S
 

Code :
  1. div.styl_con_index{
  2. position:absolute;
  3. width:560px;
  4. height:378px;
  5. z-index:2;
  6. left: 220px;
  7. top: 100px;
  8. overflow: auto;
  9. background-attachment: fixed;
  10. background-repeat: no-repeat;
  11. background-image: url(../images/image_debut.jpg);
  12. visibility: visible;


 
Voila la div qui est concerné ...
 
Je comprend pas donc si quelqu'un peu m'aider :D


Message édité par CocoRambo le 01-08-2004 à 01:00:58
Reply

Marsh Posté le 26-07-2004 à 13:54:07   

Reply

Marsh Posté le 26-07-2004 à 14:35:20    

euh personne pour mon pb ? :D

Reply

Marsh Posté le 26-07-2004 à 14:41:22    

T'as pas une URL pour voir le problème ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 14:50:20    

http://fermedupercheron.free.fr
 
Et j'ai aussi un problème avec un commentaires :S
Et pourtant tous les autres commentaires sont nickel ... j comprend pas tout :S


Message édité par CocoRambo le 26-07-2004 à 14:51:36
Reply

Marsh Posté le 26-07-2004 à 14:56:59    

    position:absolute;
     left: 220px;
 
il se met à 220 pixels du bord gauche... logique
si on réduit la largeur de la fenêtre on voit que l'image ne bouge pas par rapport au bord gauche, mais redevient visible vu que le menu bouge.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 15:00:31    

antp a écrit :

position:absolute;
     left: 220px;
 
il se met à 220 pixels du bord gauche... logique
si on réduit la largeur de la fenêtre on voit que l'image ne bouge pas par rapport au bord gauche, mais redevient visible vu que le menu bouge.


 
euh j'arrive pas a corrigé :S

Reply

Marsh Posté le 26-07-2004 à 15:03:14    

En fait c'est toute la structure de la page que je trouve bizarre :D Je ne sais pas trop quoi faire pour arranger juste ce bloc-là...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 15:07:14    

antp a écrit :

En fait c'est toute la structure de la page que je trouve bizarre :D Je ne sais pas trop quoi faire pour arranger juste ce bloc-là...


 
Lol vas y défoule toi antp je sans que tu a une envi de critiqué mais je suis ouvert à tout cela :D
Les critiques c'est toujours pour la bonne cause ;)
En fait la page c'est une grosse div avec plusieurs petites div a l'intérieure ... Rien de bien méchant ou alors faut pas faire ?? [:atlantis]

Reply

Marsh Posté le 26-07-2004 à 15:11:14    

Personnellement j'aurais fait 1 div principale, contenant 1 div à gauche pour le menu (en float:left) et 1 div pour le "contenu".
Ensuite dans la div de gauche, tu centres le contenu (ici les images) et modifies éventuellement la hauteur des lignes ou les marges autour des images (via CSS évidemment).


Message édité par antp le 26-07-2004 à 15:11:26

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 15:12:56    

antp a écrit :

Personnellement j'aurais fait 1 div principale, contenant 1 div à gauche pour le menu (en float:left) et 1 div pour le "contenu".
Ensuite dans la div de gauche, tu centres le contenu (ici les images) et modifies éventuellement la hauteur des lignes ou les marges autour des images (via CSS évidemment).


 
Ca ressemble pas mal à ce que j'ai fait :D
par contre j'ai pas mis en float :D

Reply

Marsh Posté le 26-07-2004 à 15:12:56   

Reply

Marsh Posté le 26-07-2004 à 15:17:40    

T'as un div par image du menu, et le tout positionné en absolu, c'est pas très pratique...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 15:24:13    

antp a écrit :

T'as un div par image du menu, et le tout positionné en absolu, c'est pas très pratique...


 
Les CSS c'est tout nouveau pour moi et j'ai du mal comme tu le vois :D
Je comprend pas que ca fonctionne parfaitement sur IE et pas sur FireFox ... ??


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 26-07-2004 à 15:26:00    

Si ça se trouve, c'est un bug d'IE :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 15:26:58    

antp a écrit :

Si ça se trouve, c'est un bug d'IE :D


 
c'est quand même sympatique les bugs qui font ce qu'on désire :D lol
Sinon tu aurai pas une idée pour que mon fond d'écran s'affiche en entier plutôt qu'à moitié ?


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 26-07-2004 à 15:29:22    

antp a écrit :

position:absolute;
     left: 220px;
 
il se met à 220 pixels du bord gauche... logique
si on réduit la largeur de la fenêtre on voit que l'image ne bouge pas par rapport au bord gauche, mais redevient visible vu que le menu bouge.


 
Mais avec un système d'index-z ca marche pas ??
Je pensais qu'il se mettrai a 220 pixel de la div principale !!  [:atlantis]


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 26-07-2004 à 15:29:51    

À part refaire la page sans utiliser des positions absolues, je ne sais pas, mais il doit y avoir moyen de corriger ça.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 15:31:40    

CocoRambo a écrit :


Je pensais qu'il se mettrai a 220 pixel de la div principale !!  [:atlantis]


 
ouais à 220 du div parent normalement (ou bien c'est le relatif ça ? là il se mettre à 220 du bord de la page ?)
je ne sais pas pourquoi ça marche pas


Message édité par antp le 26-07-2004 à 15:32:47

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 15:34:53    

antp a écrit :

ouais à 220 du div parent normalement (ou bien c'est le relatif ça ? là il se mettre à 220 du bord de la page ?)
je ne sais pas pourquoi ça marche pas


 
j'ai bo avoir remplacer position:absolute; par position:relative;
 
A rien changé  :cry:
 
Au fait merci beaucoup de prendre du temps avec mes pbs de noob :)


Message édité par CocoRambo le 26-07-2004 à 15:35:23

---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 26-07-2004 à 15:38:12    

J'ai aussi un autre problème avec FireFox qui n'apparait pas avec IE, la banière de pub s'affiche en 2 exemplaires :|
voila le lien: http://www.cocorambo.com/phpbb/


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 26-07-2004 à 15:57:11    

Citation :

Personnellement j'aurais fait 1 div principale, contenant 1 div à gauche pour le menu (en float:left) et 1 div pour le "contenu".


 
Ba uai tu avai raison mon problème est résolu grâce à ca :D
 

Citation :

T'as un div par image du menu, et le tout positionné en absolu, c'est pas très pratique...


 
Comment veux tu que je fasse autrement ?!
J'ai l'impression que c'est pas facile de gérer les images avec les CSS autrement qu'en arrière plan ... => surement une impression de débutant :D


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 26-07-2004 à 16:07:50    

- 1 div global, que tu positionnes au milieu (comme actuellement je pense). Dans ce div, tu mets:
      * 1 div pour le menu, en "float: left" avec une largeur fixe.
      * 1 div pour le contenu de la page, sans attributs particuliers de position
 
dans le div de menu, tu mets tes images les unes en dessous des autres, sans div, sans positions, avec des retour à la ligne entre chacune par exemple). Tu centres le contenu de ce div de menu pour que les images soient centrées les unes par rapport aux autres.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 16:10:10    

antp a écrit :

- 1 div global, que tu positionnes au milieu (comme actuellement je pense). Dans ce div, tu mets:
      * 1 div pour le menu, en "float: left" avec une largeur fixe.
      * 1 div pour le contenu de la page, sans attributs particuliers de position
 
dans le div de menu, tu mets tes images les unes en dessous des autres, sans div, sans positions, avec des retour à la ligne entre chacune par exemple). Tu centres le contenu de ce div de menu pour que les images soient centrées les unes par rapport aux autres.


 
Pour le menu tu me propose donc de ne pas passer pas les CSS ???


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 26-07-2004 à 16:12:02    

Bah vu que ton menu c'est juste des images les unes sous les autres, je ne vois pas l'intérêt de les mettres dans des blocs individuels.
À la limite tu les mets comme actuellement dans des div, mais sans leur donner de position ni de taille. Les div iront les uns en dessous des autres naturellement. C'est peut-être plus propre que d'aller mettre des retour à la ligne entre les images.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 16:26:31    

Comment déterminer un espace régulier entre chaque ligne avec les CSS ?? (dans le cas pour entre chaque bouton du menu)
 
Et maintenant c'est sous IE que l'arrière plan déconne ... il est super bas dans la page :S


Message édité par CocoRambo le 26-07-2004 à 16:32:08

---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 26-07-2004 à 17:03:13    

Ex:
 
le div de ton menu comme id "menu"
les div qui sont dedans (contenant chacun une image) n'ont ni id ni class
 
dans la CSS tu mets:  
 
div#menu div
{
  margin-bottom: 25px;
}
 
ça rajoutera une marge inférieure de 25px à tous les div qui sont contenus dans le div ayant l'id "menu"


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-07-2004 à 18:43:09    

Ok merci pour les infos :D


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 31-07-2004 à 18:24:17    

plz help me :D antp :D


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 31-07-2004 à 19:00:14    

antp a écrit :

Si ça se trouve, c'est un bug d'IE :D

C'est un bug d'IE.
Les arrières plan se placent non pas par référence a l'objet lui-même, mais par le coin supérieur gauche du navigateur.

Reply

Marsh Posté le 01-08-2004 à 11:50:02    

I need you !
Engagez vous ;)

Reply

Marsh Posté le 01-08-2004 à 12:43:32    

CocoRambo a écrit :

J'ai aussi un autre problème avec FireFox qui n'apparait pas avec IE, la banière de pub s'affiche en 2 exemplaires :|
voila le lien: http://www.cocorambo.com/phpbb/


 
Tu lui demande un double affaichage : 1 fois en dur, une autre en JS

Reply

Marsh Posté le 01-08-2004 à 16:03:26    

T509 a écrit :

Tu lui demande un double affaichage : 1 fois en dur, une autre en JS


 
Merci mais je comprend pas ...
regarde ce lien c'est exactement la meme chose sauf qu'il ne s'affiche qu'une fois ...
http://www.cocorambo.com

Reply

Marsh Posté le 01-08-2004 à 16:43:00    

Je ne sais pas alors ...
L'erreur est ailleurs  
 
Au fait, quand tu donnes un lien, donne la page directe et non pas un système de frame. cela permet d'accéder directement à la source.

Reply

Marsh Posté le 01-08-2004 à 22:14:43    

T509 a écrit :

Je ne sais pas alors ...
L'erreur est ailleurs  
 
Au fait, quand tu donnes un lien, donne la page directe et non pas un système de frame. cela permet d'accéder directement à la source.


 
Lol oui sorry :D


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 01-08-2004 à 22:15:15    

Euh maintenant c'est un problème avec IE :( (et pas FireFox)  :pt1cable:  
Le texte ce répète "2" (je vous double juste les 4 dernières lettre) fois en bas :(
 
voila le lien http://cocorambo.free.fr/test/


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 01-08-2004 à 22:38:53    

Pas de problème pour moi...

Reply

Marsh Posté le 02-08-2004 à 00:19:52    

gm_superstar a écrit :

Pas de problème pour moi...


 
A'lheure ou tu a été voir j'ai résolu mon problème ...
Désolé j'ai eu le temps de le signalé ici ...
 
Mais bizarement l'erreur venait du fait que j'avais mis des commentaires du type:
 

Code :
  1. <!-------Menu--------->
  2. <!-------FIN---------->


 
Maintenant je ne vois vraiment pas pourquoi ca pose problème  :ouch:
En tout cas j'ai enlevé tous les commentaires de mes pages et j'ai plus ce problème ...


Message édité par CocoRambo le 02-08-2004 à 00:20:22

---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le 02-08-2004 à 00:38:41    

http://www.la-grange.net/w3c/html4 [...] ml#h-3.2.4
 

Citation :

Une erreur classique c'est inclure une chaîne de traits d'union « --- » à l'intérieur d'un commentaire. Les auteurs devraient éviter de placer deux traits d'unions adjacents, ou plus, à l'intérieur des commentaires.



Message édité par bobe le 02-08-2004 à 00:43:58
Reply

Marsh Posté le 02-08-2004 à 02:03:48    

bobe a écrit :

http://www.la-grange.net/w3c/html4 [...] ml#h-3.2.4
 

Citation :

Une erreur classique c'est inclure une chaîne de traits d'union « --- » à l'intérieur d'un commentaire. Les auteurs devraient éviter de placer deux traits d'unions adjacents, ou plus, à l'intérieur des commentaires.



 
Okay ba merci pour l'info savais pas  :ouch:


---------------
Mon FeedBack | Mon topic de vente
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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