Discussion :

[jason69]

Salut à tous!

J'ai voulu créer des cadres aux coins arrondis. Pour cela j'ai utilisé des tableaux (j'aurais du utiliser des CSS mais certains cadres sont assez compliqués donc j'utilise des tableaux pour avoir la même chose partout).

J'arrive à un résultat parfait sous Opéra, FF et IE. Mais sous Safari, c'est une petite catastrophe.

Voici mon code HTML :

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
<table width="90%" border="0" cellspacing="0" cellpadding="0" >
	<tr>
		<td class="tdImg" background="Images/coinHautGaucheNonActifCentral.gif">
		</td>
		<td width="100%" class="borderTop">
			Contact
		</td>
		<td class="tdImg" background="Images/coinHautDroitNonActifCentral.gif">
		</td>
	</tr>
	<tr>
		<td width="100%" colspan="3" class="borderCote">
			test
		</td>
	</tr>
</table>

et mon code CSS :

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
td.borderTop {
	border-top-style:solid;
	border-top-color:#A51918;
	border-top-width:1px;
 
	font-weight: bold;
	text-align: center;
 
	margin: 0px;
	padding: 0px;
}
 
td.tdImg {
	padding-bottom: 24px;
	padding-left: 20px;
 
	background-repeat: no-repeat;
}

J'ai mis en pièce jointe le résultat sous Safari, vous pouvez aller voir le résultat que je voudrais avoir sur : http://s149576228.onlinehome.fr/Page...ct/contact.php en utilisant un autre navigateur que Safari.

Est-ce que quelqu'un voit d'où pourrait venir le problème?

Merci d'avance.

[jason69]

En fait je sais pourquoi j'ai ce problème.
A l'intérieur de mon td, j'ai mis un élément dont j'ai spécifié en CSS :
margin-right: 40px;
margin-left: 40px;

Je ne sais pas pourquoi mais safari me décale mon td lorsque je fais ça.
Quelqu'un sait comment safari calcule les margin et les padding?

Merci.