Hello
I am having CSS problem with my website. I am using the Divehi language as medium of instruction.
The Mozilla Firefox and opera render the font the way I want, but the IE not shown the font well (I mean not fully bidi-overrride) I used the following CSS below
css
Quote:
<style type="text/css">
.cataa {
unicode-bidi: bidi-override;
padding: 6px;
text-align: right;
color: #808080;
font-family: A_Faseyha;
font-size: 14px;
color: #333333;
direction: rtl;
}
</style>
|
html
Quote:
|
<div class="cataa"><img src="{ROOT}img/arrow_most.gif" align="bottom" alt="arrow" /> <a href="{ROOT}{LINK}">{TITLE}</a></div>
|
Image 1 is the screen shot of fire fox( fire fox appear everything well)
Image 2 is the snapshot of IE.(TROUBLE)
See the blue and black outlined box of image 2.
I have written the same text in blue box as another box (black) but you see it shows differently. That is my problem. I have used unicode-bidi: bidi-override; in the CSS. First line it correctly worked. The link in the box is generated dynamically, I had applied the CSS for div class”cataa” as a whole.
But it shows badly except first line in IE. If I removed the padding:6px from the CSS in was untidy to IE even first line too.
Can you please tell me the idea for this.
Thanks |
