CSS, problème en étant passé de IE5.5 à IE6

CSS, problème en étant passé de IE5.5 à IE6 - HTML/CSS - Programmation

Marsh Posté le 19-02-2003 à 12:27:17    

salut,
g fé une maf de IE hier et du coup les styles que j'utilise sur le site que je suis en train de faire ne sont plus appliqués à l'exception des styles pr les liens.
par exple ce style la :
.detail {font-family:tahoma;font-size:12}
n'est plus pris en compte ds mes pages. J'ai rien changé à mon code, j'ai juste fé une maj du browser...
qqun pe m'expliquer ??? Jai eu bo chercher sur le net hier soir je n'ai rien trouvé qui pouvait m'expliquer ce pb...
merci d'avance.

Reply

Marsh Posté le 19-02-2003 à 12:27:17   

Reply

Marsh Posté le 19-02-2003 à 12:43:30    

ManGaForAll a écrit :

salut,
g fé une maf de IE hier et du coup les styles que j'utilise sur le site que je suis en train de faire ne sont plus appliqués à l'exception des styles pr les liens.
par exple ce style la :
.detail {font-family:tahoma;font-size:12}
n'est plus pris en compte ds mes pages. J'ai rien changé à mon code, j'ai juste fé une maj du browser...
qqun pe m'expliquer ??? Jai eu bo chercher sur le net hier soir je n'ai rien trouvé qui pouvait m'expliquer ce pb...
merci d'avance.


 
T'as essayé avec ça deja :
.detail {font-family:tahoma;font-size:12px}
 :hello:


Message édité par Profil supprimé le 19-02-2003 à 12:59:55
Reply

Marsh Posté le 19-02-2003 à 12:52:47    

erf marche po non plus... Jsuis trop deg ! c koi ste merde de MS !! y font chier de tout changer d'une version à l'autre !

Reply

Marsh Posté le 19-02-2003 à 12:55:02    

Reply

Marsh Posté le 19-02-2003 à 12:59:32    

ManGaForAll a écrit :

erf marche po non plus... Jsuis trop deg ! c koi ste merde de MS !! y font chier de tout changer d'une version à l'autre !


 
Y'a pas que MS qui fait ça.
 
Tiens, j'ai remarqué qu'avec Opera 7, quand on mettait des unités différentes dans un attribut css (ex : margin:5px .2in )
il avait des difficultés d'interprétation (ici il ne foutait pas de marge).
 
Moralité : faut coder proprement :D

Reply

Marsh Posté le 19-02-2003 à 12:59:53    

Reply

Marsh Posté le 19-02-2003 à 13:02:35    


 
tu pourrai pas ordonner feuille de style pke la ça donne meme pas envie de regarder.

Reply

Marsh Posté le 19-02-2003 à 13:03:13    

Citation :

Ce site requière au moins la version 7 de Netscape.


 
J'ai Mozilla 1.2.1 :heink:


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

Marsh Posté le 19-02-2003 à 13:04:30    

ChiCOToS a écrit :


 
tu pourrai pas ordonner feuille de style pke la ça donne meme pas envie de regarder.


 
ordonner ? vous donner plutot nan ?
voici ma style sheet :
 
a {font-family:verdana;font-size:11;font-weight:normal;text-decoration:none;color=061F68}
a:visited {font-family:verdana;font-size:11;font-weight:normal;text-decoration:none;color=061F68}
a:actived {font-family:verdana;font-size:11;font-weight:normal;text-decoration:none;color=061F68}
a:hover {font-family:verdana;font-size:11;font-weight:normal;text-decoration:underline;color=FF7A21}
 
a.petit {font-family:verdana;font-size:9;font-weight:normal;text-decoration:none;color=061F68}
a.petit:visited {font-family:verdana;font-size:9;font-weight:normal;text-decoration:none;color=061F68}
a.petit:actived {font-family:verdana;font-size:9;font-weight:normal;text-decoration:none;color=061F68}
a.petit:hover {font-family:verdana;font-size:9;font-weight:normal;text-decoration:underline;color=FF7A21}
 
a.menu {FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;font-weight:normal}
a.menu:visited {FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;font-weight:normal}
a.menu:actived {FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;font-weight:normal}
a.menu:hover {FONT-SIZE: 11px; COLOR: #052f3e; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline;font-weight:normal}
 
A.newRub:link {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none}
A.newRub:visited {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none}
A.newRub:hover {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: underline}
 
A.newRub2:link {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #990000; FONT-FAMILY: verdana; TEXT-DECORATION: none}
A.newRub2:visited {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #990000; FONT-FAMILY: verdana; TEXT-DECORATION: none}
A.newRub2:hover {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #990000; FONT-FAMILY: verdana; TEXT-DECORATION: underline}
 
A.newRub3:link {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #FF8A01; FONT-FAMILY: verdana; TEXT-DECORATION: none}
A.newRub3:visited {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #FF8A01; FONT-FAMILY: verdana; TEXT-DECORATION: none}
A.newRub3:hover {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #FF8A01; FONT-FAMILY: verdana; TEXT-DECORATION: underline}
 
A.webmestre:link {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none}
A.webmestre:visited {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none}
A.webmestre:hover {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none}
 
 
a.lienactulien {font-family:verdana;font-size:10;font-weight:bold;text-decoration:none;color=061F68}
a.lienactulien:visited {font-family:verdana;font-size:10;text-decoration:none;color=061F68}
a.lienactulien:actived {font-family:verdana;font-size:10;text-decoration:none;color=061F68}
a.lienactulien:hover {font-family:verdana;font-size:10;text-decoration:underline;color=061F68}
 
a.plan {font-family:tahoma;font-size:12;color:#990000;text-decoration:none}
a.plan:visited {font-family:tahoma;font-size:12;color:#990000;text-decoration:none}
a.plan:actived {font-family:tahoma;font-size:12;color:#990000;text-decoration:none}
a.plan:hover {font-family:tahoma;font-size:12;color:#061F68;text-decoration:underline}
 
a.plan2 {font-family:verdana;font-size:10;text-decoration:none;color=061F68
a.plan2:visited {font-family:verdana;font-size:10;text-decoration:none;color=061F68}
a.plan2:actived {font-family:verdana;font-size:10;text-decoration:none;color=061F68}
a.plan2:hover {font-family:verdana;font-size:10;text-decoration:underline;color=FF7A21}
 
p {FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
TEXTAREA {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: 100; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #97b8cb}
INPUT {FONT-WEIGHT: normal; FONT-SIZE: 13px; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(LAMAMANDEWOLV); FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; BACKGROUND-COLOR: #ffffff; FONT-VARIANT: normal}
.titre {BORDER-RIGHT: black 0px dashed; BORDER-TOP: black 0px dashed; FONT: 13px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; BORDER-LEFT: black 0px dashed; COLOR: #052f3e; TEXT-INDENT: 0pt; BORDER-BOTTOM: #000000 3px dashed; LETTER-SPACING: normal}
.table {BORDER-RIGHT: #000000 3px dashed; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 3px dashed; FONT-WEIGHT: normal; FONT-SIZE: 11px; VERTICAL-ALIGN: top; BORDER-LEFT: #000000 3px dashed; CURSOR: auto; TEXT-INDENT: 5pt; BORDER-BOTTOM: #000000 3px dashed; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left}
.texte {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-WIDTH: 0px}
.petit_texte {BORDER-RIGHT: black 0px dashed; BORDER-TOP: black 0px dashed; FONT-SIZE: 10px; BORDER-LEFT: black 0px dashed; TEXT-INDENT: 0pt; BORDER-BOTTOM: #000000 0px dashed; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.parent {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: #ffffff; FONT-FAMILY: verdana}
.child {FONT-WEIGHT: normal; FONT-SIZE: 9px; MARGIN-LEFT: 10pt; decoration: none}
.rubrique {font-family:verdana;font-weight:bold;color=FFFFFF;font-size:16}
.menu2 {font-family:verdana;font-weight:bold;color=FFFFFF;font-size:16;text-align:center}
.copy {MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana}
.tahoma_gras2 {font-family:tahoma;font-weight=bold;font-size:12;color:#FFFFFF;text-align:center}
.tahoma_gras {font-family:tahoma;font-weight=bold;font-size:12}
.detail {font-family:tahoma;font-size:12px}
.titre_typ {font-family:Tahoma;color=061F68;font-size:20}
.manif {font-family:verdana;font-size:13;text-decoration:none;color=003366}
.date_manif {font-family:tahoma;color=CC0000;font-size:12}
.titre_manif {font-family:tahoma;font-size:13;font-weight:bold;color=061F68}
.titre_type {font-family:Brush Script MT;color=CC0000;font-size:47}
.titre_typ {font-family:Tahoma;color=061F68;font-size:20}
.titre_actu {font-family:verdana;font-weight:bold;color=FFB300;font-size:14}
.titre_actulien {font-family:tahoma;font-weight:bold;color=CC0000;font-size:12}
.plan2 {font-family:tahoma;font-size:12;color:#990000}
.rougegras {font-family:verdana;font-weight:bold;color=CC0000;font-size:10}
.membre {font-family:verdana;font-weight:bold;color=990000;font-size:10}
.titre2 {font-family:verdana;font-weight:bold;color=061F68;font-size:16}
 
 
TEXT, .login
  {
 BORDER-COLOR: #000000;
 BORDER-SIZE: 1px;
 FONT-SIZE: 12px;
 FONT-FAMILY: Verdana;
 COLOR: #000000;
 BACKGROUND-COLOR: #EFE7CE;
  }

Reply

Marsh Posté le 19-02-2003 à 13:06:10    

gm_superstar a écrit :

Citation :

Ce site requière au moins la version 7 de Netscape.


 
J'ai Mozilla 1.2.1 :heink:  


 
avce netscape 4.75 c meme po la peine et moi g ke la 7 chez moi donc jsais po si les version inter marcherait.
de tte facon tu pe quand meme surfer dessus, c juste un avertissement.

Reply

Marsh Posté le 19-02-2003 à 13:06:10   

Reply

Marsh Posté le 19-02-2003 à 13:07:52    

http://jigsaw.w3.org/css-validator [...] ofile=css2
 
En gros, il manque des unités à tes tailles de police. Et tu oublies très souvent le # devant les codes couleur.


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

Marsh Posté le 19-02-2003 à 13:09:00    

ManGaForAll a écrit :


 
avce netscape 4.75 c meme po la peine et moi g ke la 7 chez moi donc jsais po si les version inter marcherait.
de tte facon tu pe quand meme surfer dessus, c juste un avertissement.


 
Mets plutôt la limite à "5", ça laissera passer tous les navigateurs basés sur Gecko (Netscape >= 6, Mozilla, ...) qui devraient marcher sans pb.
 
Pas de limite, c'est encore mieux, mais bon :ange:

Reply

Marsh Posté le 19-02-2003 à 13:09:41    

Nan nan j'ai bien dit ordonner (= mettre de l'ordre) , parce que je trouve pas ça très agréable a lire quand tu as tous les styles d'une balise sur une ligne :
.titre {BORDER-RIGHT: black 0px dashed; BORDER-TOP: black 0px dashed; FONT: 13px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; BORDER-LEFT: black 0px dashed; COLOR: #052f3e; TEXT-INDENT: 0pt; BORDER-BOTTOM: #000000 3px dashed; LETTER-SPACING: normal}
 
ça fait un gros paquet c'est tout alors que comme ça :
.titre {
  BORDER-RIGHT: black 0px dashed;
  BORDER-TOP: black 0px dashed;
  FONT: 13px Verdana, Arial, Helvetica, sans-serif;
  TEXT-TRANSFORM: none;
 etc
}
 
C'est tout de suite plus propre.( a mon gout)
voila  

Reply

Marsh Posté le 19-02-2003 à 13:12:18    

Il y a aussi beaucoup de propriétés inutiles vu qu'elles indiquent les valeurs par défaut :
 
text-transform: none;
letter-spacing: normal;
text-indent : 0;
...


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

Marsh Posté le 19-02-2003 à 13:15:25    

gm_superstar a écrit :

Il y a aussi beaucoup de propriétés inutiles vu qu'elles indiquent les valeurs par défaut :
 
text-transform: none;
letter-spacing: normal;
text-indent : 0;
...


 
Ouais a mon avis faudrait qu'il fasse un peu de nettoyage dans sa feuille avant de venir se plaindre que IE ne prend plus ses styles.

Reply

Marsh Posté le 19-02-2003 à 13:18:47    

ManGaForAll a écrit :


 
avce netscape 4.75 c meme po la peine et moi g ke la 7 chez moi donc jsais po si les version inter marcherait.
de tte facon tu pe quand meme surfer dessus, c juste un avertissement.


 
ouais enfin Mozilla 1.0 c'est Netscape 7
donc quand il dit qu'il a Mozilla 1.2 c'est que c'est plus récent que ce que tu demande sur ton site :p


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

Marsh Posté le 19-02-2003 à 13:19:42    

ChiCOToS a écrit :


 
Ouais a mon avis faudrait qu'il fasse un peu de nettoyage dans sa feuille avant de venir se plaindre que IE ne prend plus ses styles.


 
Et mettre tout en minuscules, c'est plus lisible aussi :o


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

Marsh Posté le 19-02-2003 à 13:20:53    

c marrant ton lien pr corriger les css ;)
 
bon alors IE6 serait plus "regardant" sur la syntaxe... kel emmerdeur !
Bon jvais corrigé tout et je verrai bien si ca marche. Merci bcp. Je donnerai suite pr dire si ca marche.

Reply

Marsh Posté le 19-02-2003 à 13:22:43    

ChiCOToS a écrit :


 
Ouais a mon avis faudrait qu'il fasse un peu de nettoyage dans sa feuille avant de venir se plaindre que IE ne prend plus ses styles.


 
t gentil ca marche nickel sous ie 5.5...

Reply

Marsh Posté le 19-02-2003 à 13:23:42    

ManGaForAll a écrit :


 
t gentil ca marche nickel sous ie 5.5...


 
C'est pas parce que par hasard ça marche que c'est bien hein.


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

Marsh Posté le 19-02-2003 à 13:24:10    

cmotsch a écrit :


Pas de limite, c'est encore mieux, mais bon :ange:


 
ouai c sur, mais on pe vraiment rien faire sur netscape 4.75... ca devrait m po exister

Reply

Marsh Posté le 19-02-2003 à 13:25:29    

antp a écrit :


 
C'est pas parce que par hasard ça marche que c'est bien hein.
 


 
bah ouais mais comment jpe deviner quand d'une version à l'auter y me casse les bonbons pake ya po sont # devant son code hexa...

Reply

Marsh Posté le 19-02-2003 à 13:26:24    

ManGaForAll a écrit :


 
t gentil ca marche nickel sous ie 5.5...


 
ouais ben justement, ça m'étonnerai fortement que ça soit la faute du navigateur quand meme quand tu passe a une version superieure.
Tu dis ke tu passe de IE 5.5 a 6.0 et ton code ne marche plus
Pour moi ça veut dire que ton code n'est pas aux normes, et non pas que c'est le navigateur qui deconne.
 
A la rigueur si tu etais passé a une version inferieure de IE (ex. 4) je comprendrai....  :sarcastic:

Reply

Marsh Posté le 19-02-2003 à 13:26:47    

ManGaForAll a écrit :


 
bah ouais mais comment jpe deviner quand d'une version à l'auter y me casse les bonbons pake ya po sont # devant son code hexa...


 
Suffit de le faire suivant la doc et pas suivant ton pif :p


Message édité par antp le 19-02-2003 à 13:26:58

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

Marsh Posté le 19-02-2003 à 13:30:18    

lol, bah ca fé plus de 2 ans que je fais comme ca et j'ai eu aucun pb...
 
Et oui g juste fé une maf de IE suite à un pote ki trouvé mes styles bizarre et ki m'a fait un screen shot. Dc c forcément ie6 qui a changé qque chose ds l'interprétation des styles.

Reply

Marsh Posté le 19-02-2003 à 13:32:35    

ManGaForAll a écrit :

bah ouais mais comment jpe deviner quand d'une version à l'auter y me casse les bonbons pake ya po sont # devant son code hexa...


C'est même pire que ça, tu écris color=FF7A21
 
Tu crois que c'est simple d'écrire un programme qui tente de corriger toutes les fautes possible de l'utilisateur ?
Alors qu'il est si simple de suivre la syntaxe officielle.


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

Marsh Posté le 19-02-2003 à 13:32:58    

ManGaForAll a écrit :


c marrant ton lien pr corriger les css ;)


 
J'en ai un autre marrant dans le meme style :
 http://validator.w3.org/  
 
Il te dit si c'est ton navigateur qui bug ou si c'est le codage de ta page qui est mauvais.  ;)

Reply

Marsh Posté le 19-02-2003 à 13:34:05    

ChiCOToS a écrit :

J'en ai un autre marrant dans le meme style :
 http://validator.w3.org/  
 
Il te dit si c'est ton navigateur qui bug ou si c'est le codage de ta page qui est mauvais.  ;)


Heu là il va moins rigoler :whistle:


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

Marsh Posté le 19-02-2003 à 14:04:54    

ManGaForAll a écrit :


 
ouai c sur, mais on pe vraiment rien faire sur netscape 4.75... ca devrait m po exister


 
Si, tu peux utiliser les balises/attributs/fonctions propriétaires Netscape, qui ne marchent pas sur les versions ultérieures.
 
 [:pioupiou]

Reply

Marsh Posté le 19-02-2003 à 14:14:31    

merci a tous les gars, now ca fonctionne. En effet ct moi ki suis un boulet et ki codait mes style sheet comme un porc... Si ya po de compilateur ki me dit ke c mal ecrit bah je crois ke ca marche lol.
 
En fait le pb venait je pense du fait ke javais oublié de fermer une '}' ds mon style a.plan2... Merci au "style sheet validator" mais jen profite pr ecrire correctement ma style sheet.

Reply

Marsh Posté le 19-02-2003 à 14:15:45    

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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