我被要求修改RTL网站中的菜单。顶部菜单的元素具有RTL,text-align:right,并且在CSS中向右浮动,但子菜单在Chrome和Safari中保持左对齐。我尝试过负左边距,但它让一切看起来都更糟。
链接:http://daatsolutions.info/TA 用户:嘉宾 通过:l0gin ...
还有什么我可以尝试的吗?
答案 0 :(得分:0)
在chrome(pc,最新版本)上显得很好。但在safari中,菜单似乎是左对齐的。但子项目很好。 问题是你有一个位置:绝对到你的css中的#access .menu-header .sub-menu,这会导致safari忽略float属性,为每个都添加一个style =“position:relative” < ul class =“sub-menu”> 应该解决你的麻烦。 顺便说一下,你的页面在html标记中有很多错误:我强烈建议你修复它。 http://validator.w3.org/应为此提供必要的帮助。 我还建议您尝试使用firebug(现在也可用于ff以外的浏览器)它是救星!