[RESOLU] Style bizarre avec Firefox

Question

Scualito

24 Feb 2010 à 16:06

Hello,

Je rencontre pas mal de problème avec le CSS et ma transformation XSL...
Par exemple, si vous effectuez l'exemple ci-dessous, sous Firefox (3.5), les borders des TD sont très épaisses genre 2 ou 3 px alors que je spécifie bien que je veux qu'elles soient de 1px...

Un autre problème...
Encore dans l'exemple ci dessous, vous verrez que j'ai mis "en dur" le Width dans les TD... tout simplement parce que si je mets le width dans le style... et ben ce n'est pas du tout pris en compte...
Là encore, tout va bien avec IE.

Merci d'avance pour toute l'aide que vous pourrez m'apporter !

Le XML :


<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="xsl.xsl"?>
<entries sort="data1" order="ascending" col1="1" col2="1" col3="0" col4="0" col5="0" col6="1" col7="1" lib1="Nom Base" lib2="Référence bases" lib3="" lib4="" lib5="" lib6="" lib7="">
  <entry id="1">
    <data1>
      <![CDATA[BC0]]></data1>
    <data2>
      <![CDATA[BC0.nsf]]></data2>
    <data3>
      <![CDATA[BC0 (BC0.nsf)|BC0.nsf]]></data3>
    <data4>
      <![CDATA[BC0 (BC0.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
  <entry id="2">
    <data1>
      <![CDATA[BC1]]></data1>
    <data2>
      <![CDATA[BC1.nsf]]></data2>
    <data3>
      <![CDATA[BC1 (BC1.nsf)|BC1.nsf]]></data3>
    <data4>
      <![CDATA[BC1 (BC1.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
  <entry id="3">
    <data1>
      <![CDATA[BC2]]></data1>
    <data2>
      <![CDATA[BC2.nsf]]></data2>
    <data3>
      <![CDATA[BC2 (BC2.nsf)|BC2.nsf]]></data3>
    <data4>
      <![CDATA[BC2 (BC2.nsf)]]></data4>
    <data5>
      <![CDATA[2]]></data5>
    <data6>
      <![CDATA[2]]></data6>
    <data7>
      <![CDATA[2]]></data7>
  </entry>
  <entry id="4">
    <data1>
      <![CDATA[BC3]]></data1>
    <data2>
      <![CDATA[BC3.nsf]]></data2>
    <data3>
      <![CDATA[BC3 (BC3.nsf)|BC3.nsf]]></data3>
    <data4>
      <![CDATA[BC3 (BC3.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
  <entry id="5">
    <data1>
      <![CDATA[BC4]]></data1>
    <data2>
      <![CDATA[BC4.nsf]]></data2>
    <data3>
      <![CDATA[BC4 (BC4.nsf)|BC4.nsf]]></data3>
    <data4>
      <![CDATA[BC4 (BC4.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
  <entry id="6">
    <data1>
      <![CDATA[FO]]></data1>
    <data2>
      <![CDATA[FO.nsf]]></data2>
    <data3>
      <![CDATA[FO (FO.nsf)|FO.nsf]]></data3>
    <data4>
      <![CDATA[FO (FO.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
  <entry id="7">
    <data1>
      <![CDATA[geidedb]]></data1>
    <data2>
      <![CDATA[geidedb.nsf]]></data2>
    <data3>
      <![CDATA[geidedb (geidedb.nsf)|geidedb.nsf]]></data3>
    <data4>
      <![CDATA[geidedb (geidedb.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
  <entry id="8">
    <data1>
      <![CDATA[Info Service]]></data1>
    <data2>
      <![CDATA[infservi.nsf]]></data2>
    <data3>
      <![CDATA[Info Service (infservi.nsf)|infservi.nsf]]></data3>
    <data4>
      <![CDATA[Info Service (infservi.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
  <entry id="9">
    <data1>
      <![CDATA[LbzNews CCIV]]></data1>
    <data2>
      <![CDATA[lbznews.nsf]]></data2>
    <data3>
      <![CDATA[LbzNews CCIV (lbznews.nsf)|lbznews.nsf]]></data3>
    <data4>
      <![CDATA[LbzNews CCIV (lbznews.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
  <entry id="10">
    <data1>
      <![CDATA[Vedos]]></data1>
    <data2>
      <![CDATA[vedos.nsf]]></data2>
    <data3>
      <![CDATA[Vedos (vedos.nsf)|vedos.nsf]]></data3>
    <data4>
      <![CDATA[Vedos (vedos.nsf)]]></data4>
    <data5>
      <![CDATA[1]]></data5>
    <data6>
      <![CDATA[1]]></data6>
    <data7>
      <![CDATA[1]]></data7>
  </entry>
</entries>

Le XSL (le CSS a été mis dans la balise style) :


<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
  <xsl:variable name="myCol1" select="entries/@col1" />
  <xsl:variable name="myCol2" select="entries/@col2" />
  <xsl:variable name="myCol3" select="entries/@col3" />
  <xsl:variable name="myCol4" select="entries/@col4" />
  <xsl:variable name="myCol5" select="entries/@col5" />
  <xsl:variable name="myCol6" select="entries/@col6" />
  <xsl:variable name="myCol7" select="entries/@col7" />
  <xsl:template match="/">
    <html>
      <head>
        <style>body {font-family:arial;font-size:18;padding:0;margin:0;} td.col1 {border-style:solid;border-color:#000000;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1;border-collapse:collapse;} td.col2 {border-style:solid;border-color:#000000;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1;border-collapse:collapse;} td.col6 {text-align:center;border-style:solid;border-color:#000000;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1;border-collapse:collapse;} td.col7 {text-align:center;border-style:solid;border-color:#000000;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1;border-collapse:collapse;}</style>
      </head>
      <body>
        <table cellspacing="0" cellpadding="0">
          <xsl:variable name="libCol1" select="entries/@lib1" />
          <xsl:variable name="libCol2" select="entries/@lib2" />
          <xsl:variable name="libCol3" select="entries/@lib3" />
          <xsl:variable name="libCol4" select="entries/@lib4" />
          <xsl:variable name="libCol5" select="entries/@lib5" />
          <xsl:variable name="libCol6" select="entries/@lib6" />
          <xsl:variable name="libCol7" select="entries/@lib7" />
         
          <tr>
          <xsl:if test="$myCol1='1'">
            <td class="entcol1" onclick="javascript:tri('data1');">
              <xsl:value-of select="$libCol1" />
            </td>
          </xsl:if>
          <xsl:if test="$myCol2='1'">
            <td class="entcol2" onclick="javascript:tri('data2');">
              <xsl:value-of select="$libCol2" />
            </td>
          </xsl:if>
          <xsl:if test="$myCol3='1'">
            <td class="entcol3" onclick="javascript:tri('data3');">
              <xsl:value-of select="$libCol3" />
            </td>
          </xsl:if>
          <xsl:if test="$myCol4='1'">
            <td class="entcol4" onclick="javascript:tri('data4');">
              <xsl:value-of select="$libCol4" />
            </td>
          </xsl:if>
          <xsl:if test="$myCol5='1'">
            <td class="entcol5" onclick="javascript:tri('data5');">
              <xsl:value-of select="$libCol5" />
            </td>
          </xsl:if>
          <xsl:if test="$myCol6='1'">
            <td class="entcol6" onclick="javascript:tri('data6');">
              <xsl:value-of select="$libCol6" />
            </td>
          </xsl:if>
          <xsl:if test="$myCol7='1'">
            <td class="entcol7" onclick="javascript:tri('data7');">
              <xsl:value-of select="$libCol7" />
            </td>
          </xsl:if>
          </tr>
         
          <xsl:variable name="mySort" select="entries/@sort" />
          <xsl:variable name="myOrder" select="entries/@order" />
          <xsl:apply-templates select="entries/entry">
            <xsl:sort select="*[name()=$mySort]" order="{$myOrder}"/>
          </xsl:apply-templates>
        </table>
      </body>
    </html>
  </xsl:template>
  <xsl:template match="entry">
    <tr>
      <xsl:if test="$myCol1='1'">
        <td width="250" class="col1">
          <xsl:value-of select="data1"/>
        </td>
      </xsl:if>
      <xsl:if test="$myCol2='1'">
        <td width="150" class="col2">
          <xsl:value-of select="data2"/>
        </td>
      </xsl:if>
      <xsl:if test="$myCol3='1'">
        <td class="col3">
          <xsl:value-of select="data3"/>
        </td>
      </xsl:if>
      <xsl:if test="$myCol4='1'">
        <td class="col4">
          <xsl:value-of select="data4"/>
        </td>
      </xsl:if>
      <xsl:if test="$myCol5='1'">
        <td class="col5">
          <xsl:value-of select="data5"/>
        </td>
      </xsl:if>
      <xsl:if test="$myCol6='1'">
        <td width="30" class="col6">
          <xsl:value-of select="data6"/>
        </td>
      </xsl:if>
      <xsl:if test="$myCol7='1'">
        <td width="30" class="col7">
          <xsl:value-of select="data7"/>
        </td>
      </xsl:if>
    </tr>
  </xsl:template>
</xsl:stylesheet>

Ps : Dommage qu'on ne puisse pas prévisualiser son post... Smiley cligne

Modifié par Scualito (01 Mar 2010 - 10:46)

Mikachu

24 Feb 2010 à 18:11

Salut,

Scualito a écrit :
Ps : Dommage qu'on ne puisse pas prévisualiser son post...

Euuuh, si à l'aide du bouton "prévisualiser" à coté du bouton "envoyer Smiley rolleyes

Scualito

25 Feb 2010 à 09:20

Euuuh... Effectivement, quand tu réponds à un sujet, il y a bien le bouton "Prévisualiser".

Mais quand tu crées un sujet... Il n'y est pas... Ou alors, il faut que j'arrête la gnole le matin ! Smiley smile

Et sinon, pas d'avis sur mon problème ?? Smiley decu

Mikachu

25 Feb 2010 à 09:50

Salut,

Il n'y est effectivement pas à la création, c'est bien dommage d'ailleurs. Je n'avais jamais remarqué à vrai dire.

Pour ton problème, il ne va malheureusement pas falloir compter sur moi, car je pense avec une certitude absolue que tu en connais bien plus que moi sur XSL (d'ailleurs c'est même rare que je tape ces 3 lettres à la suite) ! Smiley ravi

Modifié par Mikachu (25 Feb 2010 - 09:51)

Scualito

25 Feb 2010 à 17:12

Toujours personne pour m'aider... Smiley bawling

jo_link_noir

28 Feb 2010 à 18:18

Salut,

Y a une erreur :

  <entry id="7">
    <data1>
      <![CDATA[ geidedb ]]></data1> /*ici avec [ et ] oublier*/

Sinon en ajoutant "px" ça marche Smiley cligne

Scualito

1 Mar 2010 à 10:44

Ah........ Effectivement. Smiley eek

Première fois que je rencontre ce genre d'erreur (les px). D'habitude ca ne me pose pas de pb. Sans doute que les nouvelles versions de Firefox sont plus sensibles à ce genre de manquement...

Quant aux [ et ] manquant... C'est bizarre, ils sont présents dans ma source originale... Smiley rolleyes

Un grand merci toi en tout cas ! Je n'y aurais pas pensé seul !

Sujet clos

Formats, encodage, internationalisation, XML

[RESOLU] Style bizarre avec Firefox