DIV、DOJO、垂直滚动和 IE6
我知道已经有几个问题了,但我无法在任何地方找到解决方案。
基本上,我将 CSS 样式设置为全屏,不滚动。其中有 2 个 div,用于侧边栏(左侧)和内容(如果我能解决这个问题,将成为地图控件)。
在左侧边栏中,我有 2 个 div(目前),一个有一个简单的输入表单,用于搜索要搜索的地址(可以设置为静态高度,9ems 或 100px),第二个用于将结果保存在剩余空间中的垂直滚动列表
我几乎到达那里 - IE 8、Firefox、Chrome、Safari 和 Opera 似乎都工作正常 - 然后,因为我们的企业网络团队坚持 IE6 兼容性(或者至少页面应该是可用),我在 IE6 中测试了它 - 没有滚动条,并且列表超出了其父 div。进一步使用 CSS,我得到了滚动条,但 div 似乎从文档继承了 100% 的高度。
到目前为止,我已经为此苦苦挣扎了大约 4 天,所以我们非常感谢您的帮助或见解。
谢谢
I know there's several questions on this already, but I cannot find a solution anywhere.
Basically, I have CSS styling the body to fullscreen with no scrolling. Within this are 2 divs, for sidebar (left) and content (will be a map control if I can get past this problem).
Within the left sidebar I have 2 divs (at the moment), one has a simple entry form for an address to search for (which can be set to a static height, 9ems or 100px), the second is intended to hold the results in a vertically scrolling list in the remaining space
I almost got there - IE 8, Firefox, Chrome, Safari, and Opera appeared all to be working fine - then, as our Corporate web team insist on IE6 compatibility (or at least the page should be usable), I tested it in IE6 - no scrollbars, and the list is extending beyond its parent div. Playing about a bit more with CSS, I get the scrollbar, but the div seems to be inheriting 100% height from the document.
So far I've been struggling for about 4 days with this, so any help or insight is appreciated.
Thank you
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
对于我绝对必须支持 IE6 的情况,我使用条件注释来添加额外的 HTML 和 CSS,并可能隐藏其他内容。在我看来,为 IE6 制作布局基本上可以归结为“不惜一切代价”——放弃正确的文档结构,沉迷于基于表格的布局,使用间隔图像等。尤其是用百分比表示的大小在 IE6 中被严重破坏——无论是谁实现的他们显然根本不知道自己的意思是什么。
For situations where I absolutely really HAVE to support IE6, I use conditional comments to add extra HTML and CSS, and possibly hide other stuff. Making layouts for IE6, IMO, basically comes down to "whatever it takes" - ditch proper document structures, endulge in table-based layout, use spacer images, etc. etc. Especially sizes expressed as percentages are horribly broken in IE6 - whoever implemented them apparently didn't have the faintest idea what they were supposed to mean.