20 notes sur les navigateurs

Ce site a pour vocation une analyse des differents navigateurs disponibles sur le marché.Il sera soumis à 20 notes sur les navigateurs.

03 juillet 2006

Les navigateurs et les CSS

Les CSS permettent de faire des feuilles de style(design) d'un site web, tout en remplaçant l'utilisation des tableaux par des div.L'un des problèmes de l'utilisation des CSS est la compatibilité entre les différents navigateurs et notamment entre Internet Explorer et les autres.Internet explorer ne gere pas les mots clés "padding" et "margin" de la même façon que les autres. Une des methodes utilisées aujourd'hui pour contourner ce problème est la conception d'une feuille de style propre à chaque type de navigateur détécté sur le poste client.on aura donc une feuille de style adapté à FireFox, une autre pour  Opera, une autre pour Internet explorer et ainsi de suite.Un exemple de code en php serait

*****************************************************************

<?php
//============================================================
// Intégration des feuilles de style suivant le navigateur
//============================================================
// detection de IE
if(ereg("MSIE", $_SERVER["HTTP_USER_AGENT"]))
{
echo('<LINK rel="stylesheet" type="text/css" href="style/styles_ie.css">');
}
// Les autres navigateurs
else
{
echo('<LINK rel="stylesheet" type="text/css" href="style/styles_ff.css">');
}

?>
************************************************************

Cette méthode bien qu'étant la plus recommandée n'est pas la solution durable pour unn site internet.

En attendant une uniformité entre les differents navigateurs et les CSS des logiciels comme TopStyle Lite (pour windows) et cssed(pour linux) permettent de tester la validité des feuilles de style.

Posté par 20notesur à 18:35 - Commentaires [0] - Rétroliens [0] - Permalien [#]

Commentaires

Poster un commentaire







Rétroliens

URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=152232&pid=2225063

Liens vers des weblogs qui référencent ce message :