Taille de tableau différent selon les browser

Version imprimable

21/05/2009, 23h18
sethnesta

Taille de tableau différent selon les browser

Salut,

je me prends la tête sur une question un peu bête.

Je défini dans une page un tableau quelconque. Je spécifie dans mon CSS un "height:170px;" pour ce tableau.

Quand j'ouvre la page avec firefox, opera... mon tableau fait bien 170px de haut, en revanche quand j'ouvre la même page avec IE, mon tableau fait plus de 200px.

Est-ce que quelqu'un a une explication rationnelle à ça avant que j'aille dégonfler les pneus de Bill Gates ! :D
21/05/2009, 23h22
12monkeys

Bonsoir

Pour pouvoir t'aider il nous faudrait voit ton code, ou au moins une page en ligne...

Ben le code du tableau ressembe à peu près à ça (sauf que les indications de style sont dans un fichier css à part).

Je crois surtout que mon problème est que l'attribut "height" a disparut en XHTML et qu'il n'y a guère que Firefox pour en tenir encore compte ... du coup je cherche un moyen pour fixer la hauteur de mes cellules et de mon tableau ... :?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<table style id="tableau" rules="none" frame="void">
								<tr>
									<td rowspan="3" style id="photo"><a href="Screenshot/noscreenshot.png" rel="lightbox" title="Nom"><img src="Miniscreen/noscreenshot.png" style id="styleIcon"/></a></td>
									<td colspan="5" style id="titre">NOM</td>
								</tr>
								<tr>
									<td colspan="5" style id="description">Information</td>
								</tr>
								<tr>
									<td style id="plateform"><img src="Images/win.png" style id="styleIcon"/></td>
									<td style id="langue"><img src="Images/fr.png" style id="styleIcon"/><img src="Images/uk.png" style id="styleIcon"/></td>
									<td style id="coupCoeur"><img src="Images/love.png" style id="styleIcon"/></td>
									<td style id="type"><img src="Images/install.png" style id="styleIcon"/></td>
									<td style id="dl"><a href="Lien"><img src="Images/lien.png" style id="styleIcon"/></a></td>
								</tr>
							</table>

Bonjour,
L'attribut style id n'existe pas. Ce sont deux attributs différents.

Code:

1
2
3
4
5
6
7
8
9
<table id="tableau">
    <tr>
        <td rowspan="3" id="photo">
            <a href="Screenshot/noscreenshot.png" rel="lightbox" title="Nom"><img src="Miniscreen/noscreenshot.png" id="styleIcon" alt="styleIcon" /></a>
        </td>
        <td colspan="5" id="titre">NOM</td>
    </tr>
    ...
</table>

Code:

1
2
3
#tableau {
   height: 170px;
}

22/05/2009, 14h50
sethnesta

ha oui, oups, j'ai corrigé cette erreur.

Néanmoins, j'ai l'impression que le paramètre "height" n'est pas toujours bien pris en compte par tous les browser.

J'ai donc spécifié ce paramètre uniquement sur le tableau global et les cellules que je souhaitais "fixer" en priorité. de cette façon, j'arrive à peu près à une cohérence de taille sur les principaux navigateurs.

Merci pour le coup de pouce ! ;)