Hi all, This is a first post.
I'm developing a web application that must support RTL languages (Hebrew and Arabic). I'm finding that Mozilla's support is fairly good, but IE falls apart in RTL mode (although both browsers become noticeably more fragile). There is very little practical information about developing RTL sites on the web, so I come here in the hopes that someone has overcome some of the problems I've encountered. Here's my problem: We're using bottom borders instead of underlines, to allow for underlines that are a different color or style than their text. In RTL mode, these "underlines" fail to be positioned underneath their text when positioned relatively. I'm wondering if anyone might have a satisfactory solution to this problem. I regret that I cannot provide a URL, but here is the full HTML for a simple example page, demonstrating the problem (remember, this is only a problem in IE, and possibly only version 6, since that's the version I'm working with). Note that it doesn't seem to matter if this element is a div or a span or inline or block - the bottom border is always displayed funny. The only thing I've been able to determine is that absolute positioning always works (of course, I need a solution allowing for other types of positioning) and sometimes adding some left/right padding or margin helps. It might also be useful to note that adding borders to other sides of the element seems to almost fix things as well. It reminds me of IE's double margin and related bugs. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> <html dir="rtl"> <head> <title>Underline Test</title> <style> .underlinedText { display: inline; position: relative; top: 20px; right: 20px; border-bottom: 1px solid #FF0000; } </style> </head> <body> <div class="underlinedText">This should have a red underline.</div> </body> </html> Any insight would be greatly appreciated. Thanks! Ryan ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
