I stambled into strange rendereng problem in firefox 1.0.7(on windows xp) when using border-collapse:collapse and direction:rtl css styles.
here is a little test-case html file (see how firefox renders table in first case):
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>border-collapse and rtl</title>
<style type="text/css">
body{padding:50px;}
table td{
padding:5px;
border-width:1px;border-color:#ccc;border-style:solid;
}
#tblrtl{border-collapse:collapse; direction:rtl;}
#tbl{border-collapse:collapse;}
#tblnospcing{direction:rtl;}
</style>
</head>
<body>
<div><b>case 1:</b> with rtl and with border-spacing</div>
<table id="tblrtl" cellspacing="0">
<tr><td>תא 1</td><td>כאן יש הרבה יותר טקסט</td><td>קצר ולעיניין</td></tr>
</table>
<br><br>
<div><b>case 2:</b> without rtl and border-spacing</div>
<table id="tbl" cellspacing="0">
<tr><td>תא 1</td><td>כאן יש הרבה יותר טקסט</td><td>קצר ולעיניין</td></tr>
</table>
<br><br>
<div><b>case 3:</b> with rtl but without border-spacing</div>
<table id="tblnospcing" cellspacing="0">
<tr><td>תא 1</td><td>כאן יש הרבה יותר טקסט</td><td>קצר ולעיניין</td></tr>
</table>
</body>
</html>can you explain what is happening? (do i miss something?
thanks