호환성 모드에서 웹 사이트의 레이아웃 문제

Question

호환성 모드 (IE7 및/또는 IE6을 의미하는 것으로 가정)가 IE8 및 Firefox에서 표시되는 것과 비교할 때 웹 사이트의 레이아웃이 IE8에서 모두 표시되는 것으로 나타났습니다. IE8과 Firefox에서 사이트가 잘 렌더링 되었기 때문에 IE6/IE7의 특정 스타일을 재정의해야한다는 것을 알았습니다. FireFox에서 Firebug와 같은 도구를 사용하여 IE에서 CSS 설정이 어떤 것인지 분석 할 수 있습니까?

웹 사이트

는 설정이 여기에 구체적으로 대상이 될해야하는지에 관해서는 ...

어떤 아이디어 [링크 사이트 소유자의 요청에 따라 편집 됨]인가?

편집 그냥 IE8에서 개발자 도구 ... 난이 CSS 설정은 범인 것으로 보인다 것으로 나타났습니다,하지만 난 이유를 모르겠어요 발견했다. ".three-columns"는 웹 사이트의 하단 부분에 적용되는 클래스의 이름입니다.

HTML > BODY .three-columns 
{ 
    height: auto; 
} 

Answer 1

당신은 IE8 개발자 도구 사용할 수 있습니다

http://msdn.microsoft.com/en-gb/library/dd565628(VS.85).aspx

을 나는 것 링크에서 IE6과 IE7 가상 PC 이미지를 다운로드하기보다는 IE8s 이전 버전과 호환성 모드에 의존하는 것이 좋습니다

http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en

3 열 클래스의 상단을 0px로 놓으면 문제가 해결되는 것 같습니다.

Answer 2

는 IE View 라는 FF 플러그인이있다, 그러나 이것은 방화범이 끌려와 함께 작동 어떻게 확신입니다.

죄송합니다. 실제로 보여주고 싶은 플러그인은 IE Tab입니다.

Answer 3

IE8 개발자 도구 (F12 또는 도구 -> 개발자 도구를 누름)를 사용하면 페이지를 실시간으로 어떤 모드에서나 편집 할 수 있습니다. 당신은 새로운 스타일을 추가 할 수 있고 (비록 당신이 트래픽 스니핑 /로드 시간을 갖지 않지만) 방화범처럼 사용할 수 있습니다.

Answer 4

항상 지르고 라이트가 다음 fullblown 파이어 폭스 버전으로

http://getfirebug.com/lite.html

그것 좋지 않다, 그러나 그것은 구멍에서 당신을 얻을 수 있습니다.

희망 하시겠습니까?