Comment puis-je rendre mon code CSS compatibles avec tous les navigateurs?
p {
margin:0;padding:0;
}
p#error {
color:#FF0000;
text-align:center;
}
p#success {
color:#3983C2;
text-align:center;
}
div#nav {
background-image:url('../img/nav.png');
background-repeat:no-repeat;
padding-top:5px;
padding-bottom:5px;
}
div#nav, a {
text-decoration:none;
}
body {
margin:0 auto;
width:600px;
}
div#login, div#register {
background-image:url('../img/form.png');
background-repeat:repeat-y;
padding-top:5px;
padding-bottom:5px;
}
div#login table, div#register table {
margin:0 auto;
}
div#login table td, div#register table td {
text-align:right;
}
div#login input#btn, div#register input#btn {
background-image:url('../img/btn.png');
border-style:none;
width:70px;height:25px;
}
div#footer {
background-image:url('../img/footer.png');
height:30px;
}
Voici mon code CSS. Je ne sais pas comment faire ce travail CSS dans d'autres navigateurs, actuellement je travaille dans Chrome. J'ai déjà cherché sur le net et trouvé de nombreuses pages avec des informations connexes, mais ceux-ci sont encore plus difficile pour moi de comprendre. Besoin de vos suggestions ou etc. Merci beaucoup!
Tout d'abord: Est-il un problème dans les autres navigateurs, pour commencer? Si non: fait. Si oui: comprendre les problèmes et les corriger individuellement.
que voulez-vous corriger?
ils ont des dispositions différentes 🙁
que voulez-vous corriger?
ils ont des dispositions différentes 🙁
OriginalL'auteur Augustine Frendz | 2012-08-23
Vous devez vous connecter pour publier un commentaire.
Votre CSS devrait fonctionner dans tous les navigateurs. Il ne peut pas afficher la même à partir d'un navigateur à l'autre. La plupart des développeurs utilisent un reset pour remédier à ce problème.
CSS RESET
http://meyerweb.com/eric/tools/css/reset/
ou
NORMALISER
http://necolas.github.com/normalize.css/
Les deux sont bons, surtout préférence.. découvrez ce post pour plus d'infos. stackoverflow.com/questions/6887336/...
OriginalL'auteur Kris Hollenbeck
Le problème est que chaque navigateur ajoute différentes marges par défaut, rembourrage, etc., les différents éléments. Cela signifie que vous obtenez un peu, ou beaucoup, mises en page différentes dans chaque.
Je tiens à faire un CSS reste comme ceci:
OriginalL'auteur phunder
IE(pire ennemi): http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
Firefox: http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
Opéra: Comment faire en CSS uniquement visibles pour l'Opéra
en principe oui, mais vous pouvez modifier les css en ajoutant des hacks (les "hacks" dans <un href='ceci" >css-tricks.com/how-to-create-an-ie-only-stylesheet/...> lien décrit..)
N'ajoutez pas de hacks. Essayer de généraliser votre CSS de sorte qu'il fonctionne de la même dans tous les navigateurs. Si vous devez utiliser le navigateur spécifique des feuilles de style pour le peu de cas que vous ne peut pas généraliser. Ne pas utiliser des hacks.
N'oubliez pas d'ajouter DOCTYPE pour votre page!!
Vous ne devriez pas avoir besoin de créer différentes feuilles de style pour chaque navigateur. 99% du temps si vous le code de la puce et de la conception correctement, vous aurez seulement besoin d'une feuille de style pour tous les navigateurs.
OriginalL'auteur