1


0

絶対位置DIVがIEに表示されない

これはwordpress.comでホストされているブログの簡易スタイルです。 コードはCSSで検証されていますが、IEでは正しく表示されません(これはニュースではありませんか?)。 特に、上のメニュー(#primary div)はIEでは表示できず、ブログはかなり使い物になりません。

簡単な解決策はdivの順番を変更することですが、スタイルはwordpressによって与えられているので、この問題の制限はあなたがCSSコードを変更することができるだけで、HTMLではないことです。

皆さんは、IEのプレゼンテーションの癖に簡単に優先することを理解できますか? 私はこれがhasLayoutプロパティによって関連しているかもしれないと読んだが、私はWebデザインに熟達していない。

div#wrapper {
width:1000px;
background:#fff url('http://embolsados.files.wordpress.com/2009/03/bg.png') repeat-y 50% 0;
margin:0 auto;
}

div#header {
text-align:center;
background:#ddd;
color:#eee;
width:980px;
height:333px;
position:relative;
left:10px;
margin:0;
}

div#container {
float:left;
position:relative;
left:10px;
top:0;
width:630px;
font-size:.9em;
line-height:1.8em;
padding:30px;
}

#primary {
background:#32a855;
width:980px;
position:absolute;
top:333px;
text-indent:15px;
border:0;
margin:0 0 0 10px;
padding:0;
}

#secondary {
float:right;
overflow:hidden;
width:270px;
position:relative;
left:-10px;
top:0;
padding:10px;
}

div#footer {
background:#32a855 url('http://embolsados.files.wordpress.com/2009/05/footer.png') no-repeat;
color:#fff;
text-align:center;
clear:both;
height:40px;
padding-top:25px;
position:relative;
}

div#footer a {
color:#fff;
}








Title



    Content.


Upper menu.

Side menu.

Footer

4 Answer


2


これはあなたの問題のようです。

要するに空の ``を追加する

浮遊要素と腹筋位置の要素との間。 それは醜いですが、それがうまくいったのは私が見つけた唯一のことです。


0


ご参考までに、兄弟要素のfloatプロパティを削除するか、あなたが述べたようにソースの順序を変更する以外の方法はありません。 おそらくAPの周りにdivをラップします。


0


#primary stylesセクションに次の行を追加してみてください。

* display:expression(style.display = 'block'、0);


0


絶対位置にある要素をフロートしていないdivにラップすると、うまくいきます。