Ibrahim Y > Date: Sat, March 29, 2008 2:31 pm > To: "CSS Discussion" <css-d@lists.css-discuss.org> > > hello all, > > I have problem with top menu on both IE6&7. > the link: http://www.ndaworld.org/ > the css is validated with no errors and look fine on Opera & FF. > > > I'm stuck ... any idea? > > Thanks in advanced, > Ibrahim
Mmmmm.. Debugging really became interesting. It's what you don't notice initially that is important. 1. <http://css-class.com/test/images/temp/ie7-ie6.png> 2. <http://css-class.com/test/images/temp/ie8.png> 3. <http://css-class.com/test/images/temp/ie8-peekaboo1.png> 4. <http://css-class.com/test/images/temp/ie8-peekaboo2.png> 5. <http://css-class.com/test/images/temp/ie8-peekaboo3.png> The first image shows a screenshot of IE6 below and IE7 above. What is apparent in the beginning in that IE6 and IE8 is screwing with text direction. Notice how IE6 shows the scroll bar on the left. I do believed that you need to be using the HTML attribute dir [1] a bit more. Your source shows just. <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en-gb" lang="en-gb" dir="rtl" > Some CSS. #whitebox div { text-align: right; } You have many text-aligns to support IE6 bug behavior but wouldn't this be better giving IE7 and all other browsers the effect with attributes and . I don't quite understand the bugs with IE6 but this browser doesn't support non English speaking users who needs to read script from right to left. I would recommend these resources. <http://blogs.msdn.com/ie/archive/2006/02/15/532708.aspx> <http://lists.w3.org/Archives/Public/www-style/2008Mar/0193.html> <http://rishida.net/> [1] <http://www.w3.org/TR/html401/struct/dirlang.html#adef-dir> I will keeping checking the bug. Alan http://css-class.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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/
