28220 sujets

CSS et mise en forme, CSS3

Broblème de bordure de table avec border-collapse: collapse

bonjour, mon problème vient de ce code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<style>
body
{
	background: #ffffaa;
}
table
{
	border: solid 1px #000;
	border-collapse: collapse;
}
td
{
	border: solid 1px #ffffff;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>no title</title>
</head>
<body>
<table>
	<tr>
		<td>abc</td>
		<td>def</td>
	</tr>
	<tr>
		<td>abc</td>
		<td>def</td>
	</tr>
</table>
</body>
</html>

les bodures du tableau sont censées être noires mais elle ne le sont pas sous firefox : elle restent blanches.

par contre, si je mets des bordures de 2px, elle s'affichent...

que dois-je faire?
Salut,

C'est tout à fait normal que les bordures de ton tableau soient blanche car dans le style de la balise td du définit : border: 1px solid #fff donc la proriété border de table, défini avant, est écrasé par celle ci.

De plus, avec border-collapse: collapse, tu dis que les bordures du tableau et celle des cellules sont "fusionnées". Ce comportament est donc à priori normal (enfin, je crois Smiley murf ).

Le fait de mettre 2px pour les bordures du tableau permet de cacher les bordures des cellules. C'est pour cela que ca fonctionne. Mais par exemple, si tu mets la meme épaisseur de bordure pour table et td, tu retomberas sur le problème.
Modifié par ymhotepa (05 Dec 2005 - 19:31)
Sujet clos
Aller à