Feuille de Style CSS non prise en compte

Feuille de Style CSS non prise en compte - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : Feuille de Style CSS non prise en compte (/thread-1830.html)

Feuille de Style CSS non prise en compte - yank - 17/03/2012

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site :
#~ Hébergeur / Soft : 1&1
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.10.3
#~ Installed Modules:
#~ CMSMailer: 2.0.2
#~ FileManager: 1.2.0
#~ MenuManager: 1.7.7
#~ MicroTiny: 1.1.1
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: false
#~ max_upload_size: 40000000
#~ default_upload_permission: 664
#~ url_rewriting: mod_rewrite
#~ page_extension: .html
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.2.17
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 90M
#~ max_execution_time: 50000
#~ output_buffering: 0
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 8M
#~ upload_max_filesize: 40M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.91
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Salut,

J'ai un petit soucis d'affichage dans IE7 + IE8 dû à la "non prise en charge" des feuilles de styles dédiées par CMSMS.

J'ai bien vérifié mon code je ne vois pas d'où cela provient. J'ai jeté un oeil au fichier config, à "priori" pas de soucis non plus de ce côté là.

Ai-je loupé quelque chose ? Rolleyes

En gros j'ai mon gabarit standard

Code :
[== HTML ==]

{process_pagedata}

<!DOCTYPE html>

<html lang="fr">

<head>

<title>{sitename} - {title}</title>

{metadata}

{cms_stylesheet}

</head>

Ma feuille de style par défaut nickel.

Dans Préférences Globales en plus des Meta j'ai ajouté ceci :

Code :
[== HTML ==]

<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css"/><![endif]-->

<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css"/><![endif]-->

Ces feuilles de styles ne sont pas prises en compte dans ces versions d'IE. C'est la première fois que j'ai le tour via CMSMS.

Quelqu'un pour jeter un noeil ? Smile

Merci

Feuille de Style CSS non prise en compte - yank - 17/03/2012

J'ai également essayé d'ajouter ces 2 feuilles de style dans CMSMS afin de pouvoir récupérer l'url.

Genre :

Code :
[== HTML ==]

stylesheet.php?cssid=52

Mais le résultat du lien me donne une erreur 300.

Une idée ? Le Htaccess ? Config.php ?

Feuille de Style CSS non prise en compte - jce76350 - 17/03/2012

Citation :Ces feuilles de styles ne sont pas prises en compte dans ces versions d'IE. C'est la première fois que j'ai le tour via CMSMS.
... href="css/ie8.css"/

ben c'est normal tu codes en dur mais sans lien réel Cool

Feuille de Style CSS non prise en compte - yank - 17/03/2012

jce76350 a écrit :ben c'est normal tu codes en dur mais sans lien réel

Je sais bien :p

L'histoire c'est que même avec un lien absolu la CSS n'est pas prise en compte...

Dans le panneau d'admin je vois bien l'Id de la CSS (52 par exemple) mais si je tape

Code :
http://monsite.com/stylesheet.php?cssid=52

dans un navig j'ai une erreur 300.

Feuille de Style CSS non prise en compte - yank - 17/03/2012

Franchement je ne trouve pas, ça faisait longtemps tiens Big Grin

Code :
<!DOCTYPE html>

<html lang="fr">

<head>

<title>Mon Titre</title>

<base href="http://www.monsite.fr/" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<meta name="description" content="blabla"/>

<meta name="keywords" content="blabla"/>

<meta name="robots" content="index,all,follow"/>

<meta name="author" content="blabla"/>

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no"/>

<link rel="shortcut icon" type="visuels/ico" href="favicon.ico"/>

<link rel="canonical" href="http://www.monsite.fr"/>

<!--[if IE]><script type="text/javascript" src="http://js.monsite.fr/js/html5.js"></script><![endif]-->

<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css"/><![endif]-->

<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css"/><![endif]-->

Ca me paraît correct pourtant ... :lol:

Feuille de Style CSS non prise en compte - Jean le Chauve - 18/03/2012

Et si tu finissais par donner le lien de ton site, au lieu de nous donner du http://www.monsite.fr à longueur de post Wink

On pourrait peut être enfin comprendre ton véritable problème.

Feuille de Style CSS non prise en compte - yank - 18/03/2012

Jean le Chauve a écrit :Et si tu finissais par donner le lien de ton site, au lieu de nous donner du http://www.monsite.fr à longueur de post
On pourrait peut être enfin comprendre ton véritable problème.

Mais bien sûr Môsieur Cool

http://www.jardinier-paysagiste-paris.fr

Merci

Feuille de Style CSS non prise en compte - Jean le Chauve - 18/03/2012

IE8 voit tes css, mais dès qu'il accède à alert-ie, il modifie le dom, sans doute à cause de la présence de <div> dans la head :



Supprime ce bout de code et dis-nous quoi.

Feuille de Style CSS non prise en compte - Jean le Chauve - 18/03/2012

Voici comment il interprète ton code :

Code :
<!-- saved from url=(0041)http://www.jardinier-paysagiste-paris.fr/ -->

<!DOCTYPE html>

<!-- Généré par Outils de développement. Il est possible que ce ne soit pas une représentation précise du fichier source original -->

<HTML lang=fr><HEAD><TITLE>Jardinier Paysagiste à Paris - Profil</TITLE><BASE href="http://www.jardinier-paysagiste-paris.fr/">

<META content="text/html; charset=utf-8" http-equiv=Content-Type>

<META name=keywords content="jardinier, paysagiste">

<META name=robots content=index,all,follow>

<META name=author content="Jean-François DARNAUDGUILHEM">

<META name=viewport content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no"><LINK rel="shortcut icon" type=visuels/ico href="favicon.ico"><LINK rel=canonical href="http://www.jardinier-paysagiste-paris.fr">

<SCRIPT type=text/javascript src="http://www.google-analytics.com/ga.js" async="true"></SCRIPT>

<SCRIPT type=text/javascript src="http://js.jardinier-paysagiste-paris.fr/js/html5.js"></SCRIPT>

<LINK rel=stylesheet type=text/css href="http://www.jardinier-paysagiste-paris.fr/css/ie8.css"></HEAD>

<BODY>

<DIV class=alert-ie>

<P><STRONG>Information :</STRONG> Votre navigateur (Internet Explorer 7 ou 8) présente de sérieuses lacunes en terme de sécurité et de performances, dues à son obsolescence.</P>

<P>En conséquence, ce site sera consultable mais de manière moins optimale qu'avec un navigateur récent (<A href="http://www.browserforthebetter.com/download.html">Internet Explorer 9</A>, <A href="http://www.mozilla-europe.org/fr/firefox/">Firefox</A>, <A href="http://www.google.com/chrome?hl=fr">Chrome</A>, <A href="http://www.apple.com/fr/safari/download/">Safari</A>,...)</P></DIV>

<SCRIPT type=text/javascript>

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-30131022-1']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();</SCRIPT>

<META name=description content="Vous recherchez un Jardinier Paysagiste à Paris ? Ne cherchez plus, Jean-François DARNAUDGUILHEM, Jardinier Paysagiste à Paris vous propose ses services dans le services d'aménagement paysager."><LINK rel=stylesheet type=text/css href="http://www.jardinier-paysagiste-paris.fr/tmp/cache/stylesheet_combined_47145a78a218f8f2695330f8f441dbe1.css"><header role=banner>

<DIV id=logo><A href="#">Jean-François <SPAN>Darnaudguilhem</SPAN></A>

<H1>Jardinier Paysagiste à Paris</H1></DIV><nav role=navigation>

<UL>

<LI><A class=current href="http://www.jardinier-paysagiste-paris.fr/">Profil</A></LI>

<LI><A href="http://www.jardinier-paysagiste-paris.fr/prestations.html">Prestations</A></LI>

<LI><A href="http://www.jardinier-paysagiste-paris.fr/realisations.html">Réalisations</A></LI>

<LI><A href="http://www.jardinier-paysagiste-paris.fr/contact.html">Contact</A></LI></UL></nav></header>

<DIV id=slider><IMG alt="Jardinier Paysagiste" src="visuels/slider.jpg" width=980 height=318></DIV><section>

<H2>Profil</H2>

<DIV id=profil>

<P>Natif du Bassin d’Arcachon, je suis venu à Paris pour être artiste peintre. La passion des jardins est venue assez naturellement par le besoin de travailler dehors en contact avec les végétaux, la terre, et toute sorte de matériaux. J’interviens à tous les stades, de la conception, réalisation jusqu’à l’entretien. Chaque jardin doit avoir sa personnalité, son âme, si petit soit il. Pouvoir mener à bien un projet est le plus bel évènement qui soit, c’est aussi partager une aventure avec le client. Je m’applique en tant que jardinier et amoureux des jardins à sensibiliser les personnes au monde vivant (insectes du sol, de l’air, petits mammifères) sans lesquels un jardin naturel ne pourrait ni exister, ni être véritablement beau. J’aimerai aussi que la couleur prenne de l’importance, le clos du jardin est un écrin à mettre en valeur.</P></DIV>

<DIV id=photo><IMG alt="Jean-François DARNAUDGUILHEM - Jardinier Paysagiste" src="uploads/images/Profil/photo.jpg" width=250 height=188></DIV></section><footer><aside>

<P>Tél. : <A href="tel:+33675206136">06 75 20 61 36</A></P>

<P>E-mail : <A onclick="window.open(this.href,'externe'); return false;" href="mailto:contact@jardinier-paysagiste-paris.fr">contact@jardinier-paysagiste-paris.fr</A></P></aside><A class=copyright href="mentions-legales.html">© 2012 - Jean-François DARNAUDGUILHEM</A> <A class=studio76 href="http://www.studio76.fr" rel=external><IMG alt="Création de sites internet en Normandie" src="visuels/studio76.png" width=100 height=38></A> </footer></BODY></HTML>

Feuille de Style CSS non prise en compte - jce76350 - 18/03/2012

ha IE le ... enm..deware

Mais si tu veux faire une alerte sur le IE
Il est préférable créer un "Blocs de contenus globaux"
Exemple {global_content name='IE'}

Code :
{literal}  <!--[if lte IE 8]>

<div id="alert" style="position : relative ; z-index : 100 ; padding: 1em; background: #FF6300; font-size: 0.9em; color: #fff;" _mce_style="position: relative; z-index: 100; padding: 1em; background: #FF6300; font-size: 0.9em; color: #fff;"><strong>Attention !</strong> La page que vous tentez d'afficher a &eacute;t&eacute; jug&eacute; "trop bien pour Internet Explorer", votre navigateur. (<a href="http://www.w3junkies.com/toocool/" target="_blank" title="Ouverture dans une nouvelle fen&ecirc;tre"style="color: #000;">Essayer l'un de ces excellents navigateurs</a>).</div>

<![endif]--> {/literal}

et de mettre la balise {global_content name='IE'} dans le gabarit avant </head>

cela permet de vérifier en comment la balise éventuellement

Feuille de Style CSS non prise en compte - Jean le Chauve - 18/03/2012

Et surtout de déplacer ces commentaires conditionnels dans le body Wink

Feuille de Style CSS non prise en compte - Jean le Chauve - 18/03/2012

Un article très intéressant pour se passer de feuilles de styles propres à chaque version d'IE (Kraygoon y a d'ailleurs sévi Wink

) : utilisation des classes conditionnelles avec html5
Et ceci : http://www.lesintegristes.net/2008/04/08/cibler-internet-explorer-dans-une-css-oui-et-sans-hack/

Feuille de Style CSS non prise en compte - yank - 18/03/2012

Jean le Chauve a écrit :Un article très intéressant pour se passer de feuilles de styles propres à chaque version d'IE (Kraygoon y a d'ailleurs sévi ) : utilisation des classes conditionnelles avec html5
Et ceci : http://www.lesintegristes.net/2008/04/08/cibler-internet-explorer-dans-une-css-oui-et-sans-hack/

Merci pour vos suggestions.

Très bons articles, je les avais déjà lu il y a quelques temps mais un rappel ne fais pas de mal Wink

J'ai supprimé l'alerte IE ça ne change rien à mon problème. Jamais vu ça encore et pourtant ... :p

Feuille de Style CSS non prise en compte - Jean le Chauve - 18/03/2012

Oui, la css est bien prise en considération maintenant, mais la règle de background est écrasée car tu as remis <link rel="stylesheet" type="text/css" href="http://www.jardinier-paysagiste-paris.fr/tmp/cache/stylesheet_combined_47145a78a218f8f2695330f8f441dbe1.css"/> en fin de head Wink

Feuille de Style CSS non prise en compte - bess - 20/03/2012

Edit bess : Après explication, réouverture du topic.