Sharon Go wrote:
> Everything worked fine. But since our services are available in a
> variety of languages, I tested the layout in RTL format.
> When the window is resized to less than 680px, the left-hand content
> slides under the window and simply disappears. It's not even
> accessible by a scrollbar.
Depends on browsers' RTL support.
- Opera 8+, Firefox 3b and IE7 produce a horizontal scrollbar (IE7 may
need a refresh once the window is narrowed, just to catch up), and they
all treat the RTL version pretty similar to an LTR version, only in
reverse, of course.
- Safari 3.1(win) and Firefox 2.x do not handle overflowing RTL well,
and you're probably seeing the failure in an Fx2 version.
- IE6 can't handle the holy grail layout in any direction without a lot
of help, but will otherwise handle RTL well.
- IE8b1 is completely lost, but that's nothing to worry about at this stage.
I suggest you do some testing with a fixed-width container - a
single-column construction - in RTL vs. LTR across browser-land, and
make notes of which browser-versions that provide good enough RTL
support for your needs. They're slowly getting there.
A small enough width (min-width) should prevent serious problems in
Another alternative is to move the RTL from the browser-window to a
wrapper-div. This "RTL in an LTR window" approach is of course not a
good one in your case, but at least it will work. I use it here...
....but for a different purpose.
That holy grail layout is one of the least tested layouts I've seen so
far, so it may not be the best choice in any case. However, once you've
got IE6' bugs and weaknesses under control the holy grail itself should
work pretty well.
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/