IE7:ヘッダーメニュー

StackOverflow https://stackoverflow.com/questions/13851

  •  08-06-2019
  •  | 
  •  

質問

私は困IE7.いヘッダー、IMG.ではないdivを代表するメニューも取り付けるeachotherな空間です。も1000px幅になります。オペラやFireFox、ヘッダやメニューを添付eachother.しかし、IE7、小さなスペースのメニューの部のIMG.しかし明示的に定義パディング-マージンのIMGしません。またこの問題をできるようにしIE7ゴ.

私のHTMLコード:

<div id="middle">
  <img id="ctl00_headerHolder_headerImage" src="pictures/headers/header_home.jpg" style="border-width:0px;" />

  <div id="ctl00_menuPanel" class="menu">
    <a id="ctl00_home" href="Default.aspx" style="color:#FFCC33;">Home</a> |
    <a id="ctl00_leden" href="Leden.aspx">Leden</a> |
    <a id="ctl00_agenda" href="Agenda.aspx">Agenda</a> |
    <a id="ctl00_fotos" href="Fotos.aspx">Foto's</a> |
    <a id="ctl00_geschiedenis" href="Geschiedenis.aspx">Geschiedenis</a> |
    <a id="ctl00_gastenboek" href="Gastenboek.aspx">Gastenboek</a>
  </div>
</div>

役に立ちましたか？

解決

のIE開発ツールバーごとの検査する要素ときの概要を覆っています。でもよくご理解いただくのは問題です。

他のヒント

その解決策 

img {
padding: 0px;
margin: 0px;
display: block;
}

表示:ブロック

を実行します。よりも狩猟の特定の行動、アメニティに確認することによりexplicity設定マージンとパディング性のためのimg/div/etcセレクタが0に設定ボーダー-スタイル:noneボーダー幅：0px border="0"など。

IE Devツールバーであるかどうかです把握単一のピクセルの問題は難しい。

の代わりに頼ら表示ブロック、IE7は一部を真剣に奇数のもと空白;みを除去する空白文字と画像のdivで、何が起こるか見てみてください.

CSSをリセットなどの ゆいリセットにCSS しているこのようなものです。彼らはリセットpaddings、余白の使いかた、およびその他の表示特性のHTML要素を最小限に表示。

を解---表示：ブロック

その質問できない答えなく正しく知ることで、描画モードでは、ブラウザにした。必要なものを伝えて何doctypeい場合はCSSの描画課題です。画像の動きをご参照が異なるの操作モードに対して標準モードになります。最小のテストケースを含まなければならな全HTMLドキュメントのCSSを再現する問題です。ないでくださいお願い人のための助けなくしたうえで、その変化への対応などについての答えは簡単に無駄な時間を...

実際の解

#middle { font-size: 0; line-height: 0; }
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top