-1

在这个网站上，我要为我的姐夫提供这个圣诞节，我的页面结构是这样的：

<body>
    <div id="container">
        <div id="menu">[...]</div>
        <div id="wrapper">
            <div id="section1">[...]</div>
            <div id="section2">[...]</div>
            etc etc etc
        </div>
    </div>
</body>

在 Firefox 上一切看起来都很完美……但在我的 IE9 上，页面没有对齐，@font-face 也没有加载……

CSS是这样的（在我看来这里没有问题）

#container{width:960px;margin:0 auto;position:relative}
#wrapper{width:780px;float:right;margin-bottom:30px}
#menu{width:180px;float:left;background:url(../img/site/menu_bg.jpg) repeat-y right;height:100%;position:fixed;padding-top:55px}

已经尝试了不同的设置，根本没有任何变化......我开始在这里扯掉我的头发......有什么建议吗？

提前致谢。

PS：如果有帮助...有问题的页面是：www.sweetdreams.pt/escondido.php

编辑：根据要求...这是页面中代码的开头：

<?php if(!ob_start("ob_gzhandler")) ob_start(); ?>
<!DOCTYPE html>
<html lang="pt-PT">
4

3 回答 3

2

您是否有机会在兼容模式下运行 IE？（通过按 F12 并在浏览器窗口中查看下面的开发人员工具来检查这一点。

编辑：

在 IE 中，有一个 DOCTYPE 声明是值得的，否则它只会进入 Quirks 模式。

请务必发布完整的 HTML 源代码。

于 2012-12-20T17:17:49.047 回答
2

文档类型声明必须位于文件的第一行，否则将被忽略。它前面也不能有任何字符，即不能有空行、空格、制表符，什么都没有，只有<!DOCTYPE html>.

于 2012-12-20T18:22:11.257 回答
1

而不是 { 边距：0 自动；} 尝试...

#container {
    position: absolute;
    left: 50%;
    width: 960px;
    margin-left: -480px; /* half of width */
}
于 2012-12-20T17:16:58.977 回答