【问题标题】:IE6 min-width issueIE6 最小宽度问题
【发布时间】:2012-05-18 11:52:03
【问题描述】:

我知道 IE6 不支持最小宽度,但我尝试使用以下方法让 ie 玩得很好,但它并没有真正起作用..!

nav.top ul li {
width: expression(document.body.clientWidth < 60? "61px" : document.body.clientWidth > 120? "121px" : "auto");
}

这个 HTML 看起来像

...
<li><a>text here</a></li>
<li><a>text here</a></li>
<li><a>text here</a></li>
...

使用上面的表达式,所有 li 的宽度都相同,这对于导航来说并不理想,尤其是用户可以动态添加更长的 li。

上面的 HTML 只是部分内容,我会在电脑前尝试发布更多内容...!

理想情况下,我会使用 CSS 解决方案,因为上面的表达式存在于条件电子表格中,这会使事情变得更容易。

有人有什么想法吗?

【问题讨论】:

标签: html css internet-explorer-6


【解决方案1】:

你的问题有点不清楚。

您想在导航上实现什么目标?您只是想获得一个导航栏吗?

这对你有帮助吗?

nav.top ul li {
   display:inline-block;
}

.oldie nav.top ul li {
   zoom: 1;
   *display: inline; 
}

【讨论】:

  • 我正在努力确保导航在 ie6 中有效。目前,如果使用长词,它们会超过 2 行,使用 min-width 时不会发生这种情况..
  • 请提供您希望实现的导航的小提琴或更详细的描述。可能是一个显示此导航外观的 url!根据您的描述,我的回答会奏效。
  • code code 这是 HTML,添加超过一个的内容一句话,打破了IE6中的布局。我用你的 css 测试过,布局还是坏了
  • 老兄!我知道导航列表是什么,但我不知道您希望它看起来如何!请提供一个 JAVASCRIPT FIDDLE 并编辑您的开场问题。 jsfiddle.net
猜你喜欢
  • 2014-04-24
  • 2011-01-22
  • 2010-10-18
  • 2011-04-18
  • 2016-06-21
  • 1970-01-01
  • 1970-01-01
  • 2011-08-02
  • 1970-01-01
相关资源
最近更新 更多