Question

我有一个我正在处理的网站：http://tinyurl.com/6s4nwnu

我有整个网站，然后菜单和页脚在包装div中。页脚div有一个明确的：两者都可以在每个浏览器中工作但IE（去图）。

我已经尝试过明确的修复，没有运气。

当您调整浏览器大小时，菜单也会消失，页脚会转到页面中间位置。不知道为什么。

建议？

Answer 1

除此之外，您还有一些问题，修复它们可能会解决其余问题。如果窗口大小不足以显示所有文本，则文本也会失效。最小宽度将有助于此。它也可以解决你的其他问题。

现在你的#content size与ie8或更低版本的盒子模型不匹配，所以应该先解决所有这些问题，以缩小其他问题的来源。需要设置DTD以便IE使用Quirks模式，因为这是我让盒子排成一行的唯一方法。我注意到你已经做到了，但是这样做，IE9的设计并不像它应该的那么干净。使用Internet Explorer conditional css tags应该有帮助。我为所有这些设置了一个最小宽度，这样当你的宽度不够大时它就不会中断，因为这也是Firefox的一个问题。我尝试使用IETester来查看它是否可以重新创建ie6错误，但那里没有运气。我会在你的内容上加上一个最小宽度，看看你的问题是否会消失。

Answer 2

有很多解决方案。

参见http://paulirish.com/2009/browser-specific-css-hacks/ 在哪里可以找到针对特定浏览器的浏览器特定黑客的详细列表。

或

你可以使用Paul Irish的条件html类。除了版本之外，我还为你的案例扩展了“ie”。

 <!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]-->
 <!--[if IE 7 ]>    <html class="ie ie7"> <![endif]-->
 <!--[if IE 8 ]>    <html class="ie ie8"> <![endif]-->
 <!--[if IE 9 ]>    <html class="ie ie9"> <![endif]-->
 <!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

你可以在以后像这样定位IE：

.ie{}  // targets all IE's
.ie6{} // targets IE6
.ie7{} // targets IE7 
.ie8{} // targets IE8
.ie9{} // targets IE9

http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

清除：IE6和更高版本

2 个答案: