DIV 在 Firefox 3.5 (Mac) 上未按预期对齐
URL:http://www.ikebarberlearningcentre.ubc.ca/
“对于学生”、“对于社区”、“教职员工”、“图书馆员”DIV 预计会对齐为 2x2 表格。
它适用于 PC 上的 IE6+、Safari、Chrome 和 Firefox。但在 Mac 上的 Firefox 3.5 上,“For Librarians”DIV 未对齐更正。它仍然在左侧,但超出了“For Teacher”DIV 的底部边界(换句话说,For Librarians 和 For Students DIV 之间有一个大的空白区域)。
知道为什么吗?
谢谢
URL: http://www.ikebarberlearningcentre.ubc.ca/
The "For student" ,"For community", "For faculty", "For librarian" DIVs are expected to aligned as a 2x2 table.
It works on IE6+, Safari, Chrome and Firefox on PC. But on Firefox 3.5 on Mac, the "For Librarians" DIV is not aligned corrected. It is still on the left side, but it is blow the bottom boundary of "For Faculty" DIV (in other words, there is a large blank area between For Librarians and For Students DIVs).
Any idea why?
Thanks
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我自己修复了它,只需使每个 DIV 更宽一点,并设置相同的最小高度(> = 每行中较长单元格的高度)。
我认为这不是一个完美的解决方案。我怀疑真正的后端问题是 FF 如何在 Mac 上渲染 DIV。也许默认渲染(静态)不太正确。可能是“绝对”还是“相对”?我不知道。
I fixed it myself, simply by making each DIV a little bit more wide, and set the same min-height (>= the height of the longer cell in each row).
I don't think it is a perfect fix. I doubt the real back-end issue is how FF renders DIV on Mac. Maybe the defaulting rending (Static) is not about right. Probably "absolute" or "relative"? I don't know.