CSS, problème en étant passé de IE5.5 à IE6 - HTML/CSS - Programmation
Marsh Posté le 19-02-2003 à 12:43:30
ManGaForAll a écrit : salut, |
T'as essayé avec ça deja :
.detail {font-family:tahoma;font-size:12px}
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 !
Marsh Posté le 19-02-2003 à 12:55:02
url ?
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
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.
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
Marsh Posté le 19-02-2003 à 13:04:30
ChiCOToS a écrit : |
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;
}
Marsh Posté le 19-02-2003 à 13:06:10
gm_superstar 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.
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.
Marsh Posté le 19-02-2003 à 13:09:00
ManGaForAll a écrit : |
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
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
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;
...
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 : |
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.
Marsh Posté le 19-02-2003 à 13:18:47
ManGaForAll a écrit : |
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
Marsh Posté le 19-02-2003 à 13:19:42
ChiCOToS a écrit : |
Et mettre tout en minuscules, c'est plus lisible aussi
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.
Marsh Posté le 19-02-2003 à 13:22:43
ChiCOToS a écrit : |
t gentil ca marche nickel sous ie 5.5...
Marsh Posté le 19-02-2003 à 13:23:42
ManGaForAll a écrit : |
C'est pas parce que par hasard ça marche que c'est bien hein.
Marsh Posté le 19-02-2003 à 13:24:10
cmotsch a écrit : |
ouai c sur, mais on pe vraiment rien faire sur netscape 4.75... ca devrait m po exister
Marsh Posté le 19-02-2003 à 13:25:29
antp 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...
Marsh Posté le 19-02-2003 à 13:26:24
ManGaForAll a écrit : |
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....
Marsh Posté le 19-02-2003 à 13:26:47
ManGaForAll a écrit : |
Suffit de le faire suivant la doc et pas suivant ton pif
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.
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.
Marsh Posté le 19-02-2003 à 13:32:58
ManGaForAll 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.
Marsh Posté le 19-02-2003 à 13:34:05
ChiCOToS a écrit : J'en ai un autre marrant dans le meme style : |
Heu là il va moins rigoler
Marsh Posté le 19-02-2003 à 14:04:54
ManGaForAll a écrit : |
Si, tu peux utiliser les balises/attributs/fonctions propriétaires Netscape, qui ne marchent pas sur les versions ultérieures.
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.
Marsh Posté le 19-02-2003 à 14:15:45
Bien
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.