[XSLT] Décalage sur Firefox

**kermystik** · 26/05/2006, 07h56

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

**Swoög** · 26/05/2006, 11h23

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

**kermystik** · 26/05/2006, 12h37

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[XSLT] Décalage sur Firefox

XSL/XSLT/XPATH XML

Vue hybride

Discussions similaires

Partager

Partager