在IE中打破的菜单上的CSS样式

Jon*_*yon -1 css internet-explorer

我已经在wordpress中构建了一个网站,主页在IE中搞砸了,但在FF,Chrome和Safari中运行良好.

我在5个小时内召开电话会议,我需要修复它,如果有人可以提供帮助,我将非常感激.

该网站是 http://www.fullygreen.com 和核心问题是: -

  1. 第一个菜单项周围的红色框
  2. 菜单被推到右边,项目缺失
  3. 所有标签栏中的标签都被压扁了
  4. 侧边栏显示在标签下方而不是侧面

所有其他页面在菜单/页眉布局方面都显得很好.

Spl*_*iFF 5

在标题中尝试此操作

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
Run Code Online (Sandbox Code Playgroud)

它的作用是修复IE的许多CSS错误和限制.我在我的所有网站上都使用它,它通常可以节省几天的工作,追逐IE的许多渲染问题.

IE7-js的主页

如果这可以解决你的问题并且你仍然想捐赠给Dean Edwards,那个剧本背后的人:http://dean.edwards.name/donate/

更新:只是看看你的源代码并发现这个顽皮:

<script type="text/javascript" src="http://www.fullygreen.com/wp-content/themes/fully-green/js/jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="http://www.fullygreen.com/wp-content/themes/fully-green/js/jquery-easing.1.2.pack.js"></script>
<script type="text/javascript" src="http://www.fullygreen.com/wp-content/themes/fully-green/js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="http://www.fullygreen.com/wp-content/themes/fully-green/js/coda-slider.1.1.1.js"></script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
Run Code Online (Sandbox Code Playgroud)

这将导致IE进入hasLayout模式(又名非标准模式).将该doctype放到FIRST行(之前没有空格或其他标签),否则您将看到各种疯狂的错误.