頁面對齊到中心IE9
[英]Page aligned to center IE9
問題描述
在這個網站上，我將這個聖誕節提供給我的姐夫，我的頁面結構如下：
<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">
3 個解決方案
解決方案1
2 已采納 2012-12-20 17:17:49
您是否有機會在兼容模式下運行IE？ （通過按F12並在瀏覽器窗口中查看下面的開發人員工具來進行檢查。
編輯：
在IE中，要有DOCTYPE聲明是值得的，否則它將進入Quirks模式。
請發布完整的HTML源代碼。
解決方案2
2 2012-12-20 18:22:11
文檔類型聲明必須位於文件的第一行，否則將被忽略。 它也不能以任何字符開頭，即沒有空行，空格，制表符，什么都沒有，只有<!DOCTYPE html> 。
解決方案3
1 2012-12-20 17:16:58
而不是{margin：0 auto; 嘗試...
#container {
position: absolute;
left: 50%;
width: 960px;
margin-left: -480px; /* half of width */
}
IE9 中心 div 塊
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.