28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Petite question toute bête Smiley ravi

Dans le cas d'une feuille de style externe on conseille d'utiliser @import pour éviter les problèmes d'affichage cacophoniques sur les vieux navigateurs, dans le cas d'un site Web n'ayant qu'une seule page, il me paraissait intéressant de ne pas importer la feuille de style, mais de la mettre en feuille interne ... comment donc empecher les bugs d'affichage sur les vieux navigateurs comme Netscape ?

Et doit on écrire

<style>
body{}
h1{}
...
</style>


ou


<style type="text/css">
<!--body{}
h1{}
...-->
</style>


Merci de vos lumières éclairées Smiley cligne
Modifié par Gunner4902 (18 Mar 2007 - 12:06)
Salut,

pour les nvigateurs vraiment vieux, on se moque pas mal des "bugs d'affichage", tant que le contenu de la page reste lisible Smiley lol

C'est ma méthode perso pour éviter les prises de tête, et vu les parts de marché que les authentiques navigateurs préhistoriques conservent, ça me semble justifiable Smiley cligne
Tu as sans doute raison Smiley cligne

par contre pour le code, on écrit le CSS avec <!-- ou sans ?
(j'ai vu <!-- dans un code de Raphaël, quel est l'intéret de le mettre ? )
Entourer la feuille de style interne par un commentaire HTML permet d'éviter une interprétation de la feuille de style comme code HTML (et donc l'affichage dans la fenêtre du navigateur du code CSS) par les navigateurs qui n'implémentent pas les CSS. Genre Netscape 4...

Ça a une utilité très limitée à l'heure actuelle (il doit rester des utilisateurs de Netscape 6, mais Netscape 4...), mais ça ne fait pas de mal.
Voir aussi ce tableau recensant les principaux hacks CSS.
http://centricle.com/ref/css/filters/

La syntaxe @import "style.css"; ne sera pas comprise par IE4 et Netscape 4. Pour peu que le document HTML soit correctement structuré, l'affichage sans style ne posera pas problème pour l'accès au contenu et aux fonctionnalités.