Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1888 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°806332
CocoRambo
Posté le 26-07-2004 à 13:54:07  profilanswer
 

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
mood
Publicité
Posté le 26-07-2004 à 13:54:07  profilanswer
 

n°806393
CocoRambo
Posté le 26-07-2004 à 14:35:20  profilanswer
 

euh personne pour mon pb ? :D

n°806405
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 14:41:22  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°806414
CocoRambo
Posté le 26-07-2004 à 14:50:20  profilanswer
 

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
n°806420
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 14:56:59  profilanswer
 

    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
n°806424
CocoRambo
Posté le 26-07-2004 à 15:00:31  profilanswer
 

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

n°806430
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 15:03:14  profilanswer
 

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
n°806440
CocoRambo
Posté le 26-07-2004 à 15:07:14  profilanswer
 

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]

n°806449
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 15:11:14  profilanswer
 

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
n°806453
CocoRambo
Posté le 26-07-2004 à 15:12:56  profilanswer
 

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

mood
Publicité
Posté le 26-07-2004 à 15:12:56  profilanswer
 

n°806467
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 15:17:40  profilanswer
 

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
n°806477
CocoRambo
Posté le 26-07-2004 à 15:24:13  profilanswer
 

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
n°806480
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 15:26:00  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°806484
CocoRambo
Posté le 26-07-2004 à 15:26:58  profilanswer
 

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
n°806491
CocoRambo
Posté le 26-07-2004 à 15:29:22  profilanswer
 

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
n°806493
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 15:29:51  profilanswer
 

À 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
n°806497
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 15:31:40  profilanswer
 

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
n°806501
CocoRambo
Posté le 26-07-2004 à 15:34:53  profilanswer
 

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
n°806513
CocoRambo
Posté le 26-07-2004 à 15:38:12  profilanswer
 

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
n°806555
CocoRambo
Posté le 26-07-2004 à 15:57:11  profilanswer
 

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
n°806572
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 16:07:50  profilanswer
 

- 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
n°806579
CocoRambo
Posté le 26-07-2004 à 16:10:10  profilanswer
 

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
n°806583
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 16:12:02  profilanswer
 

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
n°806609
CocoRambo
Posté le 26-07-2004 à 16:26:31  profilanswer
 

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
n°806650
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-07-2004 à 17:03:13  profilanswer
 

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
n°806848
CocoRambo
Posté le 26-07-2004 à 18:43:09  profilanswer
 

Ok merci pour les infos :D


---------------
Mon FeedBack | Mon topic de vente
n°812028
CocoRambo
Posté le 31-07-2004 à 18:24:17  profilanswer
 

plz help me :D antp :D


---------------
Mon FeedBack | Mon topic de vente
n°812053
skylight
Made in France.
Posté le 31-07-2004 à 19:00:14  profilanswer
 

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.

n°812237
CocoRambo
Posté le 01-08-2004 à 11:50:02  profilanswer
 

I need you !
Engagez vous ;)

n°812260
T509
$job->GetJob(now)
Posté le 01-08-2004 à 12:43:32  profilanswer
 

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

n°812327
CocoRambo
Posté le 01-08-2004 à 16:03:26  profilanswer
 

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

n°812333
T509
$job->GetJob(now)
Posté le 01-08-2004 à 16:43:00  profilanswer
 

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.

n°812476
CocoRambo
Posté le 01-08-2004 à 22:14:43  profilanswer
 

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
n°812477
CocoRambo
Posté le 01-08-2004 à 22:15:15  profilanswer
 

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
n°812493
gm_superst​ar
Appelez-moi Super
Posté le 01-08-2004 à 22:38:53  profilanswer
 

Pas de problème pour moi...

n°812526
CocoRambo
Posté le 02-08-2004 à 00:19:52  profilanswer
 

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
n°812531
bobe
Posté le 02-08-2004 à 00:38:41  profilanswer
 

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
n°812539
CocoRambo
Posté le 02-08-2004 à 02:03:48  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Petit problème de requête...probleme avec "osql" et les caracteres avec accent
[POO] Probleme de recuperation de variablePetit problème :(
Probleme avec le refus de mise en cache !probleme a la compilation sous VC++ .NET
[Perl] probleme de socket bloquantProblème compilateur cobol
[ C# ] problème "access denied"probleme lors de l'installation de Visual Basic 6.0
Plus de sujets relatifs à : problème de compatibilité avec FireFox , IE6 et CSS ...

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.136 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR