-4

自分のサイトが古いブラウザと互換性があるかどうかを人々がどのようにテストしているかはわかりません。Firefox では正しく動作するトップ メニューwidth:100%がありますが、IE9 では失敗します。

CSSは次のとおりです。

.topslidemenu {
     font-size: 11px;  
     font-weight: bold;  
     height: 27px; 
     line-height: 9px; 
     width: 100%; //950px
}

IE9 で実行すると、メニューの幅が短くなります。

4

2 に答える 2

0

コードを追加せずに言うのは難しいです。IE はいつも私に問題を引き起こします。アドオン、Web 開発を使用するのが好きです。Web 上で IE のテストと実験を行うことができます。http://www.microsoft.com/en-us/download/details.aspx?id=18359 float: left または margin: 0; も追加してみてください。またはパディング: 0; それらの1つがバグを修正するかどうかを確認します。これが役に立ったことを願っています。

于 2012-09-04T05:01:03.883 に答える
0

考えられる理由：<br> 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.要素のボックスの端に配置されているスクロールバーの場合、内側の境界線の端と外側のパディングの端の間に挿入する必要があります。スクロールバーによって占有されるスペースは、スクロールバーを持つ要素によって形成される包含ブロックから取り除かれる (寸法から差し引かれる) 必要があります。http://www.w3.org/TR/CSS21/visufx.html#overflow

これを試して：

.topslidemenu {
     font-size: 11px;  
     font-weight: bold;  
     height: 27px; 
     line-height: 9px; 
     width: expression(this.parentNode.offsetHeight > this.parentNode.scrollHeight ? '100%' : parseInt(this.parentNode.clientWidth) + 'px');
}
于 2012-09-04T02:19:13.287 に答える