probleme avec css sous mozilla

probleme avec css sous mozilla - HTML/CSS - Programmation

Marsh Posté le 03-09-2004 à 19:35:51    

Bonjour!
 
Je fais du css depuis pas tres longtemps mais j'ai vite maitrisé le sujet :)
 
mais le probleme des navigateur :)
jai codé la decoupe en css et ça marche impecable sous Internet explorer mais bugué sous mozilla
http://www.darmoor.cliranet.com/Ringwarriors/ mon site
 
et ici le index.php et le .css:
http://www.darmoor.cliranet.com/Ringwarriors/pack.rar
 
Voila donc si vous vayez se qui ne vas pas dite le mois sinon tant pis pour les mozilla-man$
 
@+

Reply

Marsh Posté le 03-09-2004 à 19:35:51   

Reply

Marsh Posté le 03-09-2004 à 21:09:23    

C'est simple ton probleme vient d'un bug d'ie enfin pas vraiment d un bug mais d'un non respect de la norme.
 
Le probleme se site au niveau de tes margin.
En effet quand tu declare une taille (height ou width ) sous ie les margin et padding sont comprises dans ses tailles.
Par ex width:500px et margin-left:25px et margin-right:25px sous ie tu auras 500 - 25 - 25 = 450px pour ton contenu alors que sous mozilla et autre ton bloc fera 500 px + 50 + 50 = 600 px d 'où les décalages.
 
Je vais voir pour te corriger ca vite fait ;).
 
 
Avec ca sous mozilla ca fonctionne je n'ai pas revérifié sous ie mais ca devrait etre bon .
voila tu dois changer ces trois la :

Code :
  1. .saisi {
  2. background-image: url('images/accueil/rw1_03.gif');
  3. position:absolute;
  4. left: 175px;
  5. top: 172px;
  6. width: 585px ;
  7. height: 449px ;
  8. }
  10. .frame {
  11. position:absolute;
  12. left: 17px;
  13. top: 25px;
  14. width: 553px;
  15. height: 396px;
  16. overflow: auto;
  17. }
  19. .foot {
  20. background-image: url('images/accueil/rw1_12.gif');
  21. position:absolute;
  22. top:621px;
  23. width: 760px ;
  24. height: 80px ;
  25. }


Message édité par fabs0028 le 03-09-2004 à 21:20:13
Reply

Marsh Posté le 03-09-2004 à 21:19:13    

Merci beaucoup! Voila enfin un gars competent :p
 
allez @+

Reply

Marsh Posté le 03-09-2004 à 21:24:07    

J'ai vérifié et ca doit aussi fonctionner aussi sous ie.
Le principe est simple : au lieu de faire des marges je les positionne de manière absolue par rapport au bloc qui les contients et je les decale en haut et a gauche du nombre de pixel nécessaire.

Reply

Marsh Posté le 03-09-2004 à 21:36:29    

fabs0028 a écrit :


Le probleme se site au niveau de tes margin.
En effet quand tu declare une taille (height ou width ) sous ie les margin et padding sont comprises dans ses tailles.


Le padding et les bordures. Pas les marges ;)


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

Marsh Posté le 03-09-2004 à 21:39:11    

:love: Je t'aime  :)  
 
franchement merci car jai posté sur beaucoup de forum depuis deux semaine sans succès et là en 2 heures presque jai le resultat (et qui marche!)
Merci  
 
allez @+ pour d'autre bug

Reply

Marsh Posté le 03-09-2004 à 22:04:44    

Reply

Sujets relatifs:

Leave a Replay

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