rendereng problem (border-collapse:collapse & direction:

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
newmember
Forum Contributor
Posts: 252
Joined: Fri Apr 02, 2004 12:36 pm

rendereng problem (border-collapse:collapse & direction:

Post by newmember »

Hi,

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>&#1514;&#1488; 1</td><td>&#1499;&#1488;&#1503; &#1497;&#1513; &#1492;&#1512;&#1489;&#1492; &#1497;&#1493;&#1514;&#1512; &#1496;&#1511;&#1505;&#1496;</td><td>&#1511;&#1510;&#1512; &#1493;&#1500;&#1506;&#1497;&#1504;&#1497;&#1497;&#1503;</td></tr>
</table>

<br><br>
<div><b>case 2:</b> without rtl and border-spacing</div>
<table id="tbl" cellspacing="0">
<tr><td>&#1514;&#1488; 1</td><td>&#1499;&#1488;&#1503; &#1497;&#1513; &#1492;&#1512;&#1489;&#1492; &#1497;&#1493;&#1514;&#1512; &#1496;&#1511;&#1505;&#1496;</td><td>&#1511;&#1510;&#1512; &#1493;&#1500;&#1506;&#1497;&#1504;&#1497;&#1497;&#1503;</td></tr>
</table>

<br><br>
<div><b>case 3:</b> with rtl but without border-spacing</div>
<table id="tblnospcing" cellspacing="0">
<tr><td>&#1514;&#1488; 1</td><td>&#1499;&#1488;&#1503; &#1497;&#1513; &#1492;&#1512;&#1489;&#1492; &#1497;&#1493;&#1514;&#1512; &#1496;&#1511;&#1505;&#1496;</td><td>&#1511;&#1510;&#1512; &#1493;&#1500;&#1506;&#1497;&#1504;&#1497;&#1497;&#1503;</td></tr>
</table>
</body>
</html>
notice that in case 3 when ommiting border-collapse firefox renders table fine.

can you explain what is happening? (do i miss something? :? )
thanks
User avatar
newmember
Forum Contributor
Posts: 252
Joined: Fri Apr 02, 2004 12:36 pm

Post by newmember »

just checked how this looks on opera 8.51
to my suprise opera renders the same as firefox... :?

[SOLVED]
ok, after all it is a firefox and opera bugs
in firefox 1.5 this have been fixed
Post Reply