IE ブラウザとの互換性の問題については、help_html/css_WEB-ITnose をご覧ください。

CSS の互換性の問題が発生しました。IE の中間部分では互換性があることがわかりましたが、他の非 IE コア ブラウザーでは基本的に正常でした。これはどういう状況ですか? IEブラウザの高速モードを有効にすると問題ありませんが、互換モードを使用するとズレが生じますので、アドバイスをお願いします。

位置がずれている画像は次のとおりです:



私のコードは次のとおりです:

.artice{width:298px;height:283px;border:1px solid #DBDBDB;float:right;margin-top:-290px;}.box{width:100%;height:20px;line-height:20px;background-color:#EBEBEB;border-bottom:1px solid #DADADA;} .wenzhang{width:100%;overflow:hidden;zoom:1;height:100%;}.wenzhang ul{float:left;}.ico3 li{padding-left:16px;background:url(../images/ico-3.gif) 7px 11px no-repeat;}.d1{padding:4px 0px;}.d1 li{height:23px;line-height:23px;overflow:hidden;width:100%;}

ディスカッションに返信 (解決策)

位置を固定するには、position を使用します

IE とは何ですか?

コードも掲載しています

IEとは何ですか？
IE 9

コードは次のとおりです:

<div class="artice"><div class="box"><h2>最新文章</h2></div><div class="wenzhang"><ul class="d1 ico3">      {dede:arclist row='11'}      <li><a href="[field:arcurl/]" title="[field:fulltitle/]" target="_blank">[field:fulltitle/]</a></li>      {/dede:arclist}     </ul></div></div>

.wenzhang ul{*margin:0;}.box h2{margin:0; height:20px; line-height:20px; font-size:12px;}

追加して試してみてください

CSS コード

.wenzhang ul{*margin:0;}
.box h2{margin:0; :20px ; line- height:20px; font-size:12px;}



追加してみました

試してみましたが、うまくいきませんでした~~ でも、ご返信ありがとうございます~~

6 階の返信からの引用:

CSS コード

.wenzhang ul{*margin:0;}
.box h2{margin:0; line-height:20px;}



追加して試してください


試してください 合格しました、うまくいきませんでした ~~ でも、ご返信ありがとうございます ~~

別の計画です

いいですね

主な理由は、 IEとFFでは使用するCSSボックスモデルが異なります。作成者は「CSS ボックス モデル」を検索して説明を参照できます。