2016-08-13 2 views
0

흥미로운 딜레마가 있습니다. IT 과정의 경우 날씨 데이터베이스가있는 웹 사이트를 디자인해야합니다. 그것은 크롬과 파이어 폭스 (그리고 나는 사파리라고 생각한다)와 인터넷 익스플로러의 대부분을 잘 보여준다.Internet Explorer가 웹 페이지 요소를 단독으로 이동합니다.

그러나이 스크린 샷에서 볼 수 있듯이 IE는 사용자가 커서를 근처로 이동하면 링크와 버튼을 이동시키는 데 사용됩니다. 저작권 링크에 커서를 이동 한 후 IE 레이아웃 - enter image description here

그림 2 : enter image description here

그림 3 - 비교 -

그림 1 IE 레이아웃 저작권 링크에 커서를 이동하기 전에 Chrome 사용 : enter image description here

T 그는 웹 사이트 주소는 http://penguinweather.tk입니다. 그것이 도움이되는지 주위를 자유롭게 느껴보십시오. 이 문제는 confirmation page에서도 발생합니다 (다시 IE에만 ​​해당).

<body class="body"> 
    <center> 
     <h1>Penguin Weather</h1> 
     <h2>Weather Database</h2> 
     <h3>Welcome to Penguin Weather! You can enter new data here, or click on the second button to view all current weather data.</h3> 
     <form action="Database.php" method="post"> 
      <table> 
       <tr> 
        <td>Location:</td> 
        <td> 
         <input type="text" class="textbox" name="loc" autofocus> 
       </tr> 
       <tr> 
        <td>Temperature:</td> 
        <td> 
         <input type="number" class="textbox" style="width:75px;" name="temp"> 
        </td> 
       </tr> 
       <tr> 
        <td>Password:</td> 
        <td> 
         <input type="password" class="textbox" name="pass"> 
        </td> 
       </tr> 
      </table> 
      <br> 
      <input type="submit" class="button" style="font-weight:bold;" value="Save Datum"> 
      <br> 
      <br> 
      <a href="DataOutput.php" class="button">View Weather</a> 
      <a href="/pw/DataOutputV2.php" class="button">View Weather by Month</a> 
      <a href="/pw/ModifyData.php" class="button">Modify Weather</a> 
     </form> 
    </center> 
</body> 
<footer> 
    <center><a href="/auth.html" target="_blank">Copyright &copy; 2016 Penguintech Ltd.</a></center> 
    <br> 
    <center><small><a href="/dev" target="_blank">View Development Directory</a></small> | <small><a href="/404">Test</a></small></center> 
</footer> 

가 사전에 감사합니다

다음은 홈페이지에서 가장 관련성 코드입니다.

(PS이 :! 당신이 해가 불만을 좋아하지 않는 한 펭귄를 클릭하지 마십시오)

답변

0

그것은 Internet Explorer가 너무 CSS 서식과 div에서 페이지를 포장의 <center> 태그를 좋아하지 않았다 밝혀 해결 문제.

코드 :

<div style="text-align:center"> 
*page content* 
</div> 

그리고 중앙에 테이블을 유지하기 :

<table style="margin-left:auto; margin-right:auto"> 
*table content* 
</table> 
관련 문제