Closed
Bug 332361
Opened 19 years ago
Closed 19 years ago
firefox has buggy CSS handling when float: right and direction: rtl; is used
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 332360
People
(Reporter: munzirtaha, Unassigned)
Details
(Keywords: rtl)
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.1) Gecko/20060324 Ubuntu/dapper Firefox/1.5.0.1
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.1) Gecko/20060324 Ubuntu/dapper Firefox/1.5.0.1
While browsing many Arabic (which is a right-to-left language) sites, I always notice strange problems with firefox. Yesterday, I tried to play a little with CSS and noticed that firefox handling of css rules is buggy when float: right and direction: rtl; is used. Here I put two simple pages that proves it.
<html>
<head>
<style type="text/css">
ul {
display: inline;
}
li {
float: right;
direction: rtl;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
</td>
</tr>
The display: inline rule should render the above(below?) in one line
</table>
</body>
</html>
<html>
<head>
<style type="text/css">
ul {
border-bottom: 1px solid;
}
li{
direction: rtl;
float: right;
}
}
</style>
</head>
<body>
<ul>
<li>
Bug #1: No bullets appear!
</li>
<li>
Bug #2: The first two bugs appear on one line!
</li>
<li>
Bug #3: Using float: right, renders border-bottom over the unordered list.
</li>
</ul>
</body>
</html>
Reproducible: Always
Steps to Reproduce:
1.Just copy/paste these couple of pages
2.Browser them with Firefox
3.Read the bugs description here and on the text of the page itself
|
||
Comment 1•19 years ago
|
||
*** This bug has been marked as a duplicate of 332360 ***
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → DUPLICATE
|
||
Comment 2•17 years ago
|
||
Mass-assigning the new rtl keyword to RTL-related (see bug 349193).
Keywords: rtl
You need to log in
before you can comment on or make changes to this bug.
Description
•