[XSLT] Décalage sur Firefox

Version imprimable

Salut, j'ai un petit problème avec firefox :

http://kermystik.free.fr/v2/book.xml

IE l'ouvre très bien alors que firefox décale les images du haut...Ce bug ne se produit pas que mes page html...mais je ne vois pas tès bien pourquoi mon book.xls décalerai tout...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="book.xsl"?>
<CAMPAGNE>
    <TITRE>Fantome sur paris</TITRE>
 
    <PARAGRAPHE><TITRE>Chapitre 1 : Enchere</TITRE></PARAGRAPHE>
 
    <PARAGRAPHE><TEXTE>ParaBlablablablablablablablalbalbalbalbla</TEXTE></PARAGRAPHE>
    <PARAGRAPHE><TEXTE>Para 2</TEXTE></PARAGRAPHE>
    <PARAGRAPHE><TITRE>Chapitre 2 : BOOM</TITRE></PARAGRAPHE>
    <PARAGRAPHE><TEXTE>Para 1</TEXTE></PARAGRAPHE>
    <PARAGRAPHE><TEXTE>Para 2</TEXTE></PARAGRAPHE>
</CAMPAGNE>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<?xml version="1.0" encoding="ISO-8859-1"?><!-- DWXMLSource="book.xml" -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<HTML>
<HEAD>
<TITLE>Ker Mystik</TITLE>
<link href="style.css" rel="stylesheet" type="text/css" />
</HEAD>
<BODY BGCOLOR="#DED5BC" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<div align="center">
<table width="690" border="0" cellspacing="0" cellpadding="0">
  <tr align="center" valign="top"> 
    <td width="100"><img src="images/left.jpg" width="100" height="191" /></td>
    <td width="468"><img src="images/up.jpg" width="468" height="16" /><br /><img src="images/logo.jpg" width="468" height="92" /><br />
      <IMG SRC="images/down.jpg" WIDTH="468" HEIGHT="54" /><br />
      <table width="468" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td background="images/menu_bkg.jpg"><div align="center"><img src="images/menu_bkg.jpg" align="texttop" />          
          <a class="menu" href="index.html">Accueil</a> ~ 
          <a class="menu" href="campagne.htm">Campagnes</a> ~ 
          <a class="menu" href="http://kermystik.free.fr/taverne/index.php" target="_blank">Taverne</a></div></td>
        </tr>
      </table> 
      <IMG SRC="images/downer.jpg" WIDTH="468" HEIGHT="13" /><br />
    </td>
    <td width="122"><img src="images/right.jpg" width="122" height="191" /></td>
  </tr>
</table>
  <table width="690" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="31" background="images/left_scroll.jpg"><IMG SRC="images/spacer.gif" name="image1" id="image1" WIDTH="49" HEIGHT="1" /></td>
      <td valign="top" background="images/fond.jpg">
    <div align="center"> 
          <table width="590" border="0" cellspacing="0" cellpadding="4">
            <tr valign="top"> 
              <td>
                  <h1><u><center><xsl:value-of select="CAMPAGNE/TITRE" /></center></u></h1><br />
                  <xsl:for-each select="CAMPAGNE/PARAGRAPHE">
                <xsl:if test="TITRE">
                <table width="95%" border="0" cellpadding="0" cellspacing="0">
                  <tr> 
                    <td width="40"><img src="images/cat_flower.jpg" width="40" height="32" /></td>
                    <td background="images/cat_bkg.jpg">
                        <span class="categorie_title">
                            <xsl:value-of select="./TITRE" />
                        </span> 
                    </td>
                    <td width="11"><img src="images/cat_end.jpg" width="11" height="32" /></td>
                  </tr>
                </table>
                </xsl:if>
                <xsl:if test="TEXTE">
                <xsl:value-of select="./TEXTE" />
                <br />
                <center>***</center>
                <br />
                </xsl:if>
                </xsl:for-each>
                <br />
                <br />
                <br />
              </td>
            </tr>
          </table>
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
        </div></td>
      <td width="31" background="images/right_scroll.jpg"><IMG SRC="images/spacer.gif" WIDTH="49" HEIGHT="1" /></td>
    </tr>
  </table>
 
</div>
</BODY>
</HTML>
</xsl:template>
</xsl:stylesheet>

Si quelqun pouvais m'aidez ce serai chouette!

26/05/2006, 11h23
Swoög

le problème doit venir de ton CSS...

dans tous les cas, les tableaux pour la mise en forme/en page c'est pas terrible, et le pire c'est de mélanger tableaux et CSS (comme tu le fais) il est très probable que ça vienne de là, essaie de tout passer en CSS (tu auras de toutes façons besoin d'un CSS rectificatif pour IE puiqu'il ne respecte pas les standards), ça devrait résoudre ton problème ;)

Bah le truc c'est que pour mon site CSS ne s'occupe que des polices...il ne fait rien "floter" ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
.categorie_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
 
.categorie_subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #005500;
	text-decoration: none;
}
 
a.menu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.menu:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #DBDFC8;
	text-decoration: none;
}
a.submenu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.submenu:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #6B6F58;
	text-decoration: none;
}
a.alegal{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #3B3F28;
	text-decoration: none;
}
a.alegal:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #6B6F58;
	text-decoration: none;
}
td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
}

bizare donc non ? Surtoit qu'en html ça passe niquel...