2 divs는 IE7.0과 다른 브라우저 (다른 브라우저)에서 다르게 보입니다. 어떻게 고치는 지?

이 HTML 페이지 부분 (95 %의 코드가 제거되었습니다)은 여전히 다른 브라우저와 달리 IE7.0에서 다르게 보입니다 (IE6.0은 테스트되지 않았습니다). IE7.0에서 FF, Opera 및 다른 사람들과 동일한 방식으로 표시되도록 수정하는 방법을 알려주는 사람이 있습니까?2 divs는 IE7.0과 다른 브라우저 (다른 브라우저)에서 다르게 보입니다. 어떻게 고치는 지?

<html > 
<body> 
<div style="margin: 0 100px 0 340px;"> 
    <div style="margin-right: -103px; height:300px; border:1px solid #3c6; float:right;">right is <br>different<br>when use<br>IE7.0. <br>Why?</div> 
    <div style="border:1px solid #c63; height:300px;">middle is OK</div> 
</div> 
</body> 
</html>

두 div에는 beetween에 약간의 공간이 있어야하지만 IE7.0은이를 함께 보여줍니다.

출처

2011-11-21 Haradzieniec

이렇게하는 것이 부정적인 한계입니다. 이는 콘텐츠를 구조화하는 특별한 방법이 아니므로 IE가 다르게 처리하는 최악의 경우를 치고 있습니다.

페이지를보다 표준적인 방법으로 구성하면 (구체적으로 무엇을 하려는지 상세히 알지 못해서 세부 사항을 자세히 제시하는 것이 어렵습니다.) 이와 같이 적은 경우로 실행됩니다.

하지만 상황에 따라 이것이 맞아야한다면, margin-left:44px;을 오른쪽 여백을 사용하여 div에 추가 할 수 있습니다 (필요에 따라 44px 조정). 결과는 다음과 같습니다.

<html> 
<body> 
<div style="margin: 0 100px 0 340px;"> 
    <div style="margin-right: -103px; margin-left:44px; height:300px; border:1px solid #3c6; float:right;">right is <br>different<br>when use<br>IE7.0. <br>Why?</div> 
    <div style="border:1px solid #c63; height:300px;">middle is OK</div> 
</div> 
</body> 
</html>

출처

2011-11-22 00:44:33

2 divs는 IE7.0과 다른 브라우저 (다른 브라우저)에서 다르게 보입니다. 어떻게 고치는 지?

답변

관련 문제