18041 sujets

Questions générales et questions de débutants

Fusion des marges verticales des tableaux

Bonjour,

C'est un exemple basique : j'ai l'impression que les marges verticales des tableaux fusionnent sous IE7, mais pas sous FF3.

Un code de base HTML avec un style CSS :

<table style="margin-top:20px; margin-bottom:20px" border="0">
<tr><td>blablabla</td><td>bliblibli</td></tr>
</table>

<table style="margin-top:20px; margin-bottom:20px" border="0">
<tr><td>blablabla</td><td>bliblibli</td></tr>
</table>

<table style="margin:0;" border="0">
<tr><td>blablabla</td><td>bliblibli</td></tr>
</table>


Qu'est-ce qui explique ce comportement selon vous ?
JardinJaponais a écrit :
Qu'est-ce qui explique ce comportement selon vous ?

Je dirais un bug de Firefox (toujours présent dans la version 3.5).

À tout hasard, ma page de test:
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<title>Test</title>
	<style>
	table, div {
		border: 2px solid red;
		margin: 20px 0;
	}
	</style>
</head>
<body>
<table><tr><td>Test</td></tr></table>
<table><tr><td>Test</td></tr></table>
<table><tr><td>Test</td></tr></table>
<div>Test</div>
<div>Test</div>
<div>Test</div>
</body>
</html>

Problème constaté avec Firefox 3.5. Fusion des marges OK avec Opera 9.6, et une version récente de Webkit.
Merci Florent de ta réponse prompte. C'est assez étonnant que ce bug soit recensé depuis 2001. Si j'ai bien compris, il provient d'un conflit entre table et caption, ou quelque chose comme ça. Comme j'avais des tableaux statistiques à enchaîner, je m'y suis pris autrement finalement.
Sujet clos
Aller à