0

ナビゲーションのスタイルを設定するのに問題があるので、ブラウザに関係なく、ページ上の同じ位置に常に配置されます。

私は次のものを持っています：

#Mainmenu {
    width: 44%;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: .9em;
    list-style: none;
    position: absolute;
    left: 35em;
    top: 4.7em;
    right: 0;   

}

これは、IEではなくchromeとfirefoxで正確に配置されます。また、解像度を変更すると、位置が少し変わります。どうすればいつも同じ場所に置いておくことができるのか知りたいです。

他に何か必要な場合はお知らせください。

デビッド

アップデート：

http://jsfiddle.net/MVpkP/-私が持っているスタイルとレイアウトです。

これはIEでどのように見えるかです Chromeでの外観

この上の1つはChromeであり、私はそれをそのままにしておきたいので、それが私がそれをスタイリングしたい方法です。

4

2 に答える 2

2

これをヘッダーに入れてください

 <!--[if IE]>
   <link rel="stylesheet" type="text/css" href="IE.css" />
 <![endif]-->

IE用の追加のcssファイルを作成し、それに応じてIEcssを調整します。

于 2013-02-11T06:27:46.770 に答える
0

左/右/上で％を使用するか、この要素を別の要素の中に配置する必要があります。

例えば：

#Mainmenu {
width: 44%;
font-family: Helvetica, Arial, Sans-Serif;
font-weight: bold;
font-size: .9em;
list-style: none;
position: absolute;
left: 3%;
top: 1.5%;
right: 0;   
}

別の要素にそれを置くことに関して：

#wrap{
width: 700px;
margin:0 auto;  
 }

<div class="wrap">
     your menu stuff...
</div>

それらのいずれかがあなたの問題を解決するはずです

于 2013-02-11T06:26:49.670 に答える