2011-08-15 6 views
2

문제를 행동을 중심으로 상대적으로 부모의 절대 사업부는 최고의 사진과 함께 설명되어 있습니다,하지만 당신은 여기에 자신을 위해 시도 할 수 있습니다 :IE7 : 이상하게

http://pastehtml.com/view/b3y7e9uz6.html

단순히 (IE8 또는 FF 또는 크롬)에 IE7을 비교 . 그것은 현대적인 브라우저에서 다음과 같습니다

Modern Browsers

와 IE7이 같은

는 :

ie7

는 IE7에서 offcenter 것은 무엇을 일으키는?

+0

.css를 게시하면 도움이 될 것입니다. – Mahesh

+0

DOCTYPE 선언이 없으므로 브라우저가 단점 모드로 실행되고 있으므로 브라우저를 표준 모드로 실행하려면 doctype을 추가 할 수 있습니다. IE7이 단순히 다른 모드보다 더 나쁜 모드를 해석하는 경우를 대비하여. –

+0

내 마지막 코멘트 스크랩 방금 doctype을 추가하고 깨진 태그를 수정했지만 여전히 IE7에서는 작동하지 않으므로 doctype과 관련이 없습니다. http://pastehtml.com/view/b3yazy3mt.html –

답변

4

position: absolute을 제거하면 모든 것이 자동으로 수정되어 빨간색 테두리가 사라집니다. 그러나 원하는면에 적절한 테두리를 적용하면 해결하기가 매우 쉽습니다.

position: absolute을 계속 사용해야하는 경우 left: 0을 추가하면 올바르게 표시됩니다. IE7은 아마도 왼쪽/오른쪽이 필요하거나 위치를 알 수 없으므로 약간 엉망이됩니다.

+0

네 문제는 네가 어디에 위치해야 하는지를 지정하지 않았다는 것이다. 'top' 또는'bottom' 중 하나와'left' 또는'right' 중 하나를 추가하여 자신의 위치를 ​​지정하는 것이 가장 좋습니다. 또한 @Alex Key가 말했듯이, DOCTYPE을 사용하면됩니다 (우아한' '을 사용하십시오 - 이유는 없습니다) - http://stackoverflow.com/questions/5629/any-reason-not 시작하기 - html-5-doctype 사용하기). –

+1

위치에 좋은 자리가 있습니다. 절대적으로, 나 자신과 연극을했습니다. 재미있는 일들, 나는 그걸 보지 못했고 조금 전에 인터넷 검색을했는데 http://www.quirksmode.org/css/contents.html#t28 –

+0

@Alex Key 특히 거기에 왔습니까? – Akkuma