Titre: Problème d'interpration
Posté par: chipkill le le 21-10-2012 a 23:03:26
Bonjour,
Je suis en train de creer un site internet depuis quelques jour. Aujourd'hui un problème majeur s'est présenté à moi : l’interprétation de mon code diffère sérieusement d'un navigateur à l'autre.
Chrome, le bon élève, ne me pause aucun souci.
Explorer, le cancre, fait tout de travers : Type de police, taille de police, couleur de texte, alignement, tout y passe.. Visiblement, c'est le CSS qu'il digère mal.
Bref, je sais pas du tout quoi faire pour mettre tout les navigateurs d'accord.
Si quelqu'un pouvait m'aider ce serait cool.
Merci par avance
Code:
| <a href="index.html"><div id="entete"><h1>Titre</h1></div></a> |
|
Code:
body
{
font-family: arial;
background: url(background.jpg);
}
h1
{
text-align: left;
font-size: 100;
font-family: segoe print;
color: 4BB5C1;
}
a
{
color: black;
text-decoration: none
}
#entete
{
width: 100%;
height: 200;
}
|
|
|
Titre: Re:Problème d'interpration
Posté par: Bluely le le 21-10-2012 a 23:13:13
Salut Chipkill,
ce qui serait bien dans un premier temps afin que tous les navigateurs puissent se mettre d'accord, ce serait d'ajouter en tout début de ta feuille de style un reset css.
Tapes reset css sur google. Je te conseille celui d'Eric Meyer. |
Titre: Re:Problème d'interpration
Posté par: chipkill le le 21-10-2012 a 23:31:32
| Merci pour ta réponse Bluely, mais une fois le reset mis, comment puis-je modifier mon css à ma guise ? (par exemple, je n'arrive plus à modifier la taille des textes et les dimensions des divs..) |
Titre: Re:Problème d'interpration
Posté par: Bluely le le 21-10-2012 a 23:55:28
Après il te suffit d'adapter le reset a ton site.
Enleve le font-size:100% par exemple comme ça tu pourras donner tes tailles.
En général, ton code tu le mets après le reset css et donc il pourra écraser et annuler certains styles du reset.
|
Titre: Re:Problème d'interpration
Posté par: chipkill le le 22-10-2012 a 00:06:12
| Les navigateurs sont d'accord mais mon css ne m’obéit plus... J'ai pas l'impression que mes modifs ne prennent pas le dessus, même en enlevant certains éléments du reset :( |
Titre: Re:Problème d'interpration
Posté par: Bluely le le 22-10-2012 a 07:24:24
C'est étrange. Tu as surement dû oublié un élément.
Tu peux également avoir 2 feuilles de styles liées à ta page html.
Dans ce cas, le reset css et ton code seront séparés pour éviter toute erreur.
Si tu as encore un problème , peux-tu montrer ta feuille de style ? |
Titre: Re:Problème d'interpration
Posté par: chipkill le le 22-10-2012 a 08:19:57
| J'ai fait le choix de mettre mon css au début de mon html, sur la même feuille, c'est peut-être le problème..? Comment fait-on déjà pour associer une feuille de style séparée ? |
Titre: Re:Problème d'interpration
Posté par: chipkill le le 22-10-2012 a 08:25:24
voici mon code
Code:
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*fin reset Eric Meyer*/
body
{
font-family: arial;
background: url(background.jpg);
}
h1
{
text-align: left;
font-size: 70;
font-family: segoe print;
color: 4BB5C1;
}
a
{
color: black;
text-decoration: none
}
}
#menu
{
text-align: center;
font-size: 30;
}
#entete
{
width: 100%;
height: 300;
}
|
|
|
Titre: Re:Problème d'interpration
Posté par: Bluely le le 22-10-2012 a 08:36:21
Il te manque les unités (% ou px ou em).
Tu ne peux pas d'après moi juste mettre une valeur.
Ex:font-size:30px;
Pour lier une feuille de style en externe tu trouveras facilement sur Google. |
Titre: Re:Problème d'interpration
Posté par: chipkill le le 22-10-2012 a 16:24:11
| Je vais essayer de rajouter les unités, bien qu'il me semble que ce soit des pxs par défaut.. |
Titre: Re:Problème d'interpration
Posté par: chipkill le le 22-10-2012 a 16:28:00
Il semble que les unités soient nécessaires finalement, même pour les pixels ;D
Merci pour ton aide précieuse Bluely :) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|