Discussion :

[sethnesta]

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 !

[12monkeys]

Bonsoir

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

[sethnesta]

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 html :

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

[desert]

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

Code xhtml :

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

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 css :

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

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

[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 !