1633 sujets

Formats, encodage, internationalisation, XML

[resolu] Interpretation CSS différente de IE selon xsl ou php.

bonjour,
j'ai un problème avec IE.
J'essaie de récupéré le template par défaut rhuk_milkyway de Joomla pour mon propre site qui fonctionnera avec XML et XSL.
Ce template à la particularité d'être compatible avec plein de navigateurs et d'être 100% XHTML, CSS valide.

J'ai modifé ce template comme je voulais et il marche nikel sous firefox et IE en PHP...
je transforme cette page pour en faire un document XSL.
voici le code du squelette:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
<xsl:template match="/">
  <html>
    <head>
      <title>mon titre</title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" href="css/general.css" type="text/css" />

<link rel="stylesheet" href="css/template.css" type="text/css" />

<!--[if lte IE 6]>

<link href="css/ieonly.css" rel="stylesheet" type="text/css" />

<![endif]-->



<!--<script type="text/javascript" src="includes/js/joomla/common.js"></script>

<script type="text/javascript" src="includes/js/joomla/caption.js"></script> -->

</head>

<body id="page_bg">




<div class="center" align="center">

	<div id="wrapper">

		<div id="wrapper_r">

			<div id="header">

				<div id="header_l">

					<div id="header_r">

						<div id="logo"></div>

					</div>

				</div>

			</div>



			<div id="tabarea">

				<div id="tabarea_l">

					<div id="tabarea_r">

						<div id="tabmenu">

						</div>

					</div>

				</div>

			</div>







			<div class="clr"></div>



			<div id="whitebox">

				<div id="whitebox_t">

					<div id="whitebox_tl">

						<div id="whitebox_tr"></div>

					</div>

				</div>



				<div id="whitebox_m">

					<div id="area">

						<div id="leftcolumn">

						</div>



						<div id="maincolumn">


								<div id="maindivider"></div>







						</div>

						<div class="clr"></div>

					</div>

					<div class="clr"></div>

				</div>



				<div id="whitebox_b">

					<div id="whitebox_bl">

						<div id="whitebox_br"></div>

					</div>

				</div>

			</div>



			<div id="footerspacer"></div>

		</div>



		<div id="footer">

			<div id="footer_l">

				<div id="footer_r">


				</div>

			</div>

		</div>

	</div>

</div>



</body>

</html>
</xsl:template>
</xsl:stylesheet>


ça marche nikel sous firefox. Mais marche plus du tout avec IE!

Est-ce que:

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


cette condition est elle toujours interprétée par IE dans un document XSL?
ou je suis contrainte de transformer les div en table?
merci pour votre aide.
Modifié par cassy (08 Dec 2006 - 20:17)
bon b'hein avec certidude ie n'interprete pas :
<!--[if lte IE 6]>
<link href="css/ieonly.css" rel="stylesheet" type="text/css" />
<! endif -->
dans un document XSL

j'explore deux pistes: soit un script js pour savoir le navigateur et charger le bon css soit tout mettre dans un même .css et mettre des '!' pour que firefox ignore ces lignes...c'est comme ça qu'il faut faire?

tout conseil est bienvenu.
Modifié par cassy (08 Dec 2006 - 19:01)
Modérateur
glop ?! Smiley sweatdrop

En effet, je viens de constater le problème... donc merci bien pour la solution, Cassy. Smiley smile

N'oublie de passer le sujet en résolu car, pour le coup, je trouve que c'est un point qu'il est important de souligner. Smiley cligne
Modérateur
euh... bon, je ne sais pas pour toi, mais perso, pour arriver à mes fins, j'ai du placer mon commentaire conditionnel comme suit :
<xsl:comment><![CDATA[[if IE 6]></xsl:comment>
<link rel="stylesheet" type="text/css" media="screen" href="testIE.css" />
<xsl:comment><![ endif]]]></xsl:comment>
(sans espace au sein du endif)

Ca fonctionne comme prévu, à savoir uniquement dans IE6, malgré que ça me génère ceci :
<!--[if IE 6]></xsl:comment>
<link rel="stylesheet" type="text/css" media="screen" href="testIE.css" />
<xsl:comment><![ endif]-->
(toujours sans espace sur le endif)

Au validateur, il me dit que c'est valide... (normal, c'est un commentaire...)

Ce n'est pas ce qui était indiqué sur la page que tu as donné ou bien j'ai mal compris... Leur méthode ne fonctionnait pas chez moi... Smiley confus
Modifié par koala64 (08 Dec 2006 - 22:58)
Modérateur
Erf... Il suffisait juste d'une bonne nuit de sommeil... Smiley zzzz

Avec :
<xsl:comment><![CDATA[[if IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="testIE.css" />
<![ endif]]]></xsl:comment>
On évite les balises supplémentaires donc je n'avais pas bien compris car c'est ce qui est indiqué... Smiley ravi
Modifié par koala64 (09 Dec 2006 - 08:27)
Sujet clos
Aller à