このテーブル (以下の例) は、XML ファイルと XSL によって生成されます。
XML がローカルに読み込まれると、正常に動作します (127.0.0.1 以降):
LAN 上の別のコンピュータまたはネットワーク ドライブからロードされると、次のようになります。
ヘッダーの位置が変わる理由がわかりません。私を本当にいらいらさせているのは、テーブルの二重の境界線です。48 時間連続で Google を検索した後、有効な解決策を見つけることができませんでした。私は助けが必要です！
テーブルの HTML は次のとおりです。
<TABLE class=tablePrimaire>
<TBODY>
<TR>
<TH rowSpan=2 scope=col>Période comptable</TH>
<TH colSpan=6 scope=col>Informations Clé Comptable</TH>
<TH colSpan=6 scope=col>Informations Mouvement Comptable</TH>
<TH colSpan=3 scope=col>Informations Compte Comptable</TH>
</TR>
<TR>
<TH scope=col>Code géographique</TH>
<TH scope=col>Affectation</TH>
<TH scope=col>Type garant</TH>
<TH scope=col>Ligne ER</TH>
<TH scope=col>Matricule</TH>
<TH scope=col>Qui</TH>
<TH scope=col>Montant non contrevalorisé</TH>
<TH scope=col>Montant contrevalorisé</TH>
<TH scope=col>Date de signature</TH>
<TH scope=col>Date de mise en vigueur</TH>
<TH scope=col>Devise d'enregistrement</TH>
<TH scope=col>Origine</TH>
<TH scope=col>Numéro de compte comptable</TH>
<TH scope=col>Libellé numéro de compte comptable</TH>
<TH scope=col>Sens</TH>
</TR>
</TBODY>
<TBODY>
<TR>
<TD rowSpan=4>ll_pec193</TD>
</TR>
<TR>
<TD>code_geo237</TD>
<TD>affect238</TD>
<TD>type_garant239</TD>
<TD>ligne_er240</TD>
<TD>matricule241</TD>
<TD>qui242</TD>
<TD>mnt_nn_ctrvalo84</TD>
<TD>mnt_ctrvalo83</TD>
<TD>date_sign85</TD>
<TD>date_mis_vig86</TD>
<TD>code_devise89</TD>
<TD>origine89</TD>
<TD>num_cpt_cmpt235</TD>
<TD>ll_cmpt30</TD>
<TD>sens_cpt32</TD>
</TR>
<TR>
<TD>code_geo246</TD>
<TD>affect247</TD>
<TD>type_garant248</TD>
<TD>ligne_er249</TD>
<TD>matricule250</TD>
<TD>qui251</TD>
<TD>mnt_nn_ctrvalo85</TD>
<TD>mnt_ctrvalo84</TD>
<TD>date_sign86</TD>
<TD>date_mis_vig87</TD>
<TD>code_devise90</TD>
<TD>origine90</TD>
<TD>num_cpt_cmpt236</TD>
<TD>ll_cmpt40</TD>
<TD>sens_cpt42</TD>
</TR>
<TR>
<TD>code_geo266</TD>
<TD>affect267</TD>
<TD>type_garant268</TD>
<TD>ligne_er269</TD>
<TD>matricule260</TD>
<TD>qui261</TD>
<TD>mnt_nn_ctrvalo94</TD>
<TD>mnt_ctrvalo93</TD>
<TD>date_sign95</TD>
<TD>date_mis_vig96</TD>
<TD>code_devise99</TD>
<TD>origine91</TD>
<TD>num_cpt_cmpt237</TD>
<TD>ll_cmpt50</TD>
<TD>sens_cpt52</TD>
</TR>
</TBODY>
<TBODY>
<TR>
<TD rowSpan=2>ll_pec200</TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD>mnt_nn_ctrvalo198</TD>
<TD>mnt_ctrvalo112</TD>
<TD>date_sign95</TD>
<TD>date_mis_vig96</TD>
<TD>code_devise99</TD>
<TD>origine100</TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TBODY>
<TBODY>
<TR>
<TD rowSpan=2>ll_pec198</TD>
</TR>
<TR>
<TD>code_geo245</TD>
<TD>affect246</TD>
<TD>type_garant247</TD>
<TD>ligne_er248</TD>
<TD>matricule249</TD>
<TD>qui250</TD>
<TD>mnt_nn_ctrvalo198</TD>
<TD>mnt_ctrvalo93</TD>
<TD>date_sign95</TD>
<TD>date_mis_vig96</TD>
<TD>code_devise99</TD>
<TD>origine100</TD>
<TD>num_cpt_cmpt244</TD>
<TD>ll_cmpt40</TD>
<TD>sens_cpt42</TD>
</TR>
</TBODY>
</TABLE>
CSSは次のとおりです。
.tablePrimaire
{
border: 1px solid black;
border-collapse: collapse;
white-space: nowrap;
}
.tablePrimaire th
{
border: 1px solid black;
border-collapse: collapse;
padding-left: 3px;
padding-right: 3px;
font-size: 0.7em;
height: 30px;
background-color: #8c8b83;
color: white;
white-space: nowrap;
}
.tablePrimaire td
{
width: 12.5%;
height: 17px;
vertical-align: middle;
text-align: center;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 0.7em;
border: 1px solid black;
}
tbody
{
background: #f9f4e9;
}
tbody:nth-child(odd)
{
background: #eee0c1;
}
tbody:hover td[rowspan], tr:hover td
{
background: #d0e4f2;
}
あなたの提案を楽しみにしています！
ローカルであろうとなかろうと、Firefox で問題なく動作することを言及しておく必要があります。
これは、HTML と CSS をいじるのが初めてのリアルタイムなので、明らかな欠点や間違いがあったことを本当に申し訳なく思っています。