Firefoxban nem lehet két táblázat között 1 pixel rés?
Sziasztok,
Két táblázat közé szeretnék 1 pixel "rést" helyezni, de valamiért firefoxban nem látszik (IE-ben jó).
Van valami ötletetek? Próbáltam úgy is, hogy a táblázatokat beletettem 1-1 divbe és divnek adtam paddingot (marginnal is próbáltam) de sajnos úgy sem jó. Mintha feltolná 1 pixellel a táblázatokat...
■ Két táblázat közé szeretnék 1 pixel "rést" helyezni, de valamiért firefoxban nem látszik (IE-ben jó).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<style type="text/css">
table
{
border-collapse:collapse;
margin-bottom: 1px;
}
table td
{
border: 1px solid red;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0">
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<style type="text/css">
table
{
border-collapse:collapse;
margin-bottom: 1px;
}
table td
{
border: 1px solid red;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0">
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
<tr>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
<td>dfg dfgd fdfgf g</td>
</tr>
</table>
</body>
</html>
Van valami ötletetek? Próbáltam úgy is, hogy a táblázatokat beletettem 1-1 divbe és divnek adtam paddingot (marginnal is próbáltam) de sajnos úgy sem jó. Mintha feltolná 1 pixellel a táblázatokat...
border-collapse:collapse