Site OK sur FF mais pas sur IE...

Site OK sur FF mais pas sur IE... - HTML/CSS - Programmation

Marsh Posté le 18-10-2005 à 19:46:26    

Hello
 
voilà je viens a peu pres de terminer l'architecture de mon site (valide W3C XHTML 1.0 Strict + CSS). Il s'affiche bien sous FireFox mais sur IE je comprend pas pourquoi il ne respecte pas la marge imposée de 20px entre les divs :(  
 
voilà 2 images: sous FF on voit bien que chaque blocs est espacé de 20px alors que sous IE non... j'ai beau cherché j'arrive pas a trouver de solutions... je me disais que c'était peut etre le fameux hack html>body non ? ça sert a quoi ce truc ?
 
Version FireFox
Version IE
 
en fait pour que ça marche sous IE, il faut que réduise le calque du milieu à 680 au lieu de 720px :sweat:


Message édité par Proov le 18-10-2005 à 19:49:07
Reply

Marsh Posté le 18-10-2005 à 19:46:26   

Reply

Marsh Posté le 18-10-2005 à 21:03:59    

heu tu peut tenter de mettre un "_" devant ta taille de calque
 
un truc du genre
 
_calque 720px (dsl pour mon mauvais CSS)

Reply

Marsh Posté le 18-10-2005 à 22:08:58    

ça sert a quoi ?
 
donc faire ça ?
 
#menu_gauche{
width:_720px;
}

Reply

Marsh Posté le 19-10-2005 à 10:09:53    

C'est un hack pour IE.
 
J'utilise celui-ci qui passe au validateur :
 

Code :
  1. #tonContainerParent>#menu_gauche{  /* tous sauf IE  */
  2.   width: 720px;
  3. }
  4. /*\*/
  5. * html #menu_gauche{   /* pour IE */
  6.   width: 680px;
  7. }
  8. /**/

Reply

Marsh Posté le 19-10-2005 à 10:16:56    

merci pour ta réponse :love: je vais tester ça :jap:  
 
mais pourquoi alors que je précise bien de placer le menu gauche a 20px du bords, il me le place a 40 au moins :sweat: pareil pour la partie centrale... IE ne gere pas le float ? :??:

Reply

Marsh Posté le 19-10-2005 à 10:21:45    

spiroublard a écrit :

C'est un hack pour IE.
 
J'utilise celui-ci qui passe au validateur :
 

Code :
  1. #tonContainerParent>#menu_gauche{  /* tous sauf IE  */
  2.   width: 720px;
  3. }
  4. /*\*/
  5. * html #menu_gauche{   /* pour IE */
  6.   width: 680px;
  7. }
  8. /**/



 
le validateur CSS on s'en branle la nouille mais royalement, le validateur, il est là pour valider, mais qu'est  ce qu'il va t'apporter de plus, le but du jeu c'est d'avoir un code xHTML super ultra clean et sémantiquement correct.
ensuite pour les CSS, le but de jeu c'est d'avoir une CSS clean et lisible, là tu pourri largement ta CSS.
 
donc la solution :

Code :
  1. #tonContainerParent #menu_gauche{ 
  2.   width: 720px; /* tous   */
  3.   _width: 680px; /*Pour IE*/
  4. }


 
le validateur CSS c'est pour les kevin qui veulent se la pêter. Ca ne sert à rien d'autre.
Moi j'ai mes pages valides en xHTML ou HTML, mais ma CSS a quelques hacks IE et ca me suffit largement. Pour les autres navigateurs, je m'en contre balance,sachants que tous les autres nav respectent les normes pour moi.


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 19-10-2005 à 10:39:00    

yes ça marche :love:  
 
j'ai utilisé ça:

#page #corps{    
width:720px; /* tous les navig */
_width:680px; /* Pour IE */
}


 
c'est abusé quand meme 40px de différence entre FF et IE :pfff:

Reply

Marsh Posté le 19-10-2005 à 10:41:57    

Modèles de marge pas toujours bon sur IE quand tu n'as pas un doctype strict (quand t'es en mode quirks quoi)...


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 19-10-2005 à 10:56:17    

je suis en strict pourtant, et ma CSS est validée sauf pour quelques background-color:transparent (d'ailleur commentr y remédier ?)

Reply

Marsh Posté le 19-10-2005 à 13:10:57    

ça marche bien mais avec ce code, ma CSS ne passe pas au validateur :o

Reply

Marsh Posté le 19-10-2005 à 13:10:57   

Reply

Marsh Posté le 19-10-2005 à 13:14:22    

comme je te l'ai dit, on s'en branle la nouille du validateur CSS
 
c'est surtout le code HTML qui doit être propre.


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 19-10-2005 à 13:15:27    

han ca ressemble à un site web pour une boite  
 
bon va falloir que je me mette à vous faire concurence, ya toujours moyen de se faire du fric lol


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 19-10-2005 à 13:20:12    

si tu veux nous faire concurence, commence a programmer un logiciel de modélisation 3d :D  
 
je suis en contrat de professionalisation là (ex contrat de qualif), j'ai appris en 1 mois et demi a passer du site fait avec tables imbriquées au xhtml + css strict :love:  
chui content d'avoir appris ça ;) et merci a vous pour votre aide :hello:

Reply

Marsh Posté le 19-10-2005 à 13:47:33    

ho oil te reste quand meme bocou de choses à apprendre


---------------
Les CSS c'est bon mangez-en
Reply

Sujets relatifs:

Leave a Replay

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