IE에서 잘못된 버튼 위치

두 개의 버튼이 다른 div 위에 표시되어야합니다. 그러나 Internet Explorer에서 2 개의 버튼은 div와 동일한 y 레벨/축에 표시됩니다 (아래에 있어야 함).IE에서 잘못된 버튼 위치

참고 : Firefox는 & 크롬 (두 개의 버튼은 div 위)에 올바르게 표시되지만 IE에서는 버튼이 div 위에 표시되지 않습니다.

이

는 그것이 파이어 폭스에서 보이나요 & 보는 방법입니다 :
enter image description here

을하지만이 IE가 HTML 표시 방법은 다음과 같습니다
enter image description here

당신이이 버튼을 사용하여 "위 그래서 나 디스플레이를 해결하는 데 도움이 수를 코스 "div IE에서?

<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>

출처

2011-10-30 Jake M

이 내용을 jsfiddle에 올려 놓고 자세한 내용을 알려주십시오 .... IE의 버전은 무엇입니까? – albert

@mu 감사합니다! 그것은 그것을 고정 시켰습니다. 이상하게도 그것을 작동시켜야합니다. U 씨는 대답을하므로 선택할 수 있습니다. :) –

존 피쉬 (John Fish 's)를 받아들이 셔도 좋습니다. 제 코멘트를 보지 못했습니다. –

시도

#buttonTab { overflow:hidden }

EDIT를 추가 : 방금 읽은 다른 사람이 같은 일을 제출했다.

출처

2011-10-30 04:51:02

아무 걱정도, 당신은 그것에 오신 것을 환영합니다 :) 그리고 Stackoverflow에 오신 것을 환영합니다. –

http://stackoverflow.com/questions/9943560/html-alignment-issue-in-one-machine-only-both-ie8에 답변 해 주시겠습니까? – Lijo

IE에서 잘못된 버튼 위치

답변

관련 문제