2011-10-30 16 views
0

私は別のdivの上に表示する必要がある2つのボタンがあります。しかし、Internet Explorerでは、2つのボタンはdivと同じyレベル/軸に表示されます(下にあるはずです)。IEでのボタンの位置が正しくない

注:HTMLはFirefox & Chromeで正しく表示されますが(2つのボタンはdivの上にあります)、IEではボタンがdivの上に表示されません。
enter image description here をしかし、これはIEのH​​TMLを表示する方法を示します:

これは、それがFirefoxで見ない&をどのように見えるべきかである
enter image description here あなたは2つのボタンが「超えているので、私はディスプレイを修正助けることができますコースの "IEのdiv?

<html> 
<head> 
    <title> </title> 

    <style type="text/css"> 
    <!-- 
     #navBar { 
      text-align: left; 
      margin: 0 auto; 
      padding: 0 auto; 
      margin-top: 10px; 
      position: fixed; 
     } 

     .leftAlignButton { 
      margin-left: 2px; 
      float: left; 
     } 

     .rightAlignButton { 
      float: right; 
      margin-right: 54px; 
     } 

     .navTab { 
      background: url(images/tag.png) top right no-repeat; 
      overflow: hidden; 
      padding: 8px 10px 12px 10px; 
      width: 155px; 
      height: 50px; 
     } 

     .navTab select { 
      width: 110px; 
      height: 25px; 
     } 

     .navTab input { 
      width: 100px; 
     } 

     .navText { 
      color: #FFFFFF; 
      font-family: "Onyx", "Arial", Serif; 
      font-size: 23px; 
      letter-spacing: 1px; 
     } 
    --> 
    </style> 
</head> 
<body> 

    <div id="navBar"> 
     <div id="buttonTab"> 
      <a class="leftAlignButton" href=""><img src="images/closeBt.png" alt="Close"/></a> 
      <a class="rightAlignButton" href=""><img src="images/goBt.png" alt="Go"/></a> 
     </div> 
     <div class="navTab"> 
      <p class="navText">Course:</p> 
      <select> 
       <option>Breakfast</option> 
      </select> 
     </div> 
    </div> 


</body> 
</html> 
+0

これをjsfiddleに入れて詳細を説明してください... IEのどのバージョン? – albert

+0

@muありがとう!私はそれを動作させるためにそれを行う必要がある、それは不思議な、それを修正した。私はそれを選択することができますので、私はそれを選択することができます答えをしてください: –

+0

ジョンフィッシュズを受け入れることを自由に感じ、私は彼が私のコメントを見たとは思わない。 –

答えて

1

#buttonTab { overflow:hidden } 

EDITを追加してみてくださいは:ちょうど他の誰かが同じことを提出読みます。

+0

心配する必要はありません、それを歓迎します:)そしてStackoverflowへようこそ。 –

+0

http://stackoverflow.com/questions/9943560/html-alignment-issue-in-one-machine-only-both-ie8にお答えください。 – Lijo

関連する問題