2012-02-16 3 views
0

두 개의 열이있는 사이트에서 작업 중이며 잠시 동안 싸워 왔으며 마침내 모든 것이 정렬되어 있다고 생각했습니다. 바르게. 나는 Adobe BrowserLab에서 교차 검사를하고 모든 것이 좋게 보였다 (IE6과 IE7을 제외하고 나는 그것을 받아 들였다).정렬 문제 디스플레이 : 표 및 디스플레이 : IE7 및 IE9의 표 셀

다른 컴퓨터에서도 IE7을 실행 해 보았습니다. IE7이 BrowserLab에 표시하고있는 것처럼 보였습니다. 기본적으로 "일일 기술 블로그"열은 페이지의 맨 아래에서 줄 밖으로 벗어납니다.

왜 내 인생에서 그럴 수 없습니까? CSS에서 주목할 것처럼, 저는 display : table과 display : table-cell을 사용하고 있습니다. 왜냐하면 그것이 모든 브라우저에서 라인을 잡을 수있는 유일한 방법 이었기 때문입니다. 처음에는 DIV를 사용했지만 브라우저마다 다른 취급을 받았습니다. 나는 그 다음에 그냥 <table> s로 다시 만들려고했으나 모든 것을 헛되게 만들었다.

http://jsfiddle.net/uBahh/1/

어떤 생각 : 여기 내 JSFiddle에 대한 링크입니다?

+0

아마 IE9가 "호환성보기 모드"에 있습니까? 현재 모드는 F12 키로 열린 개발자 도구 창에서 볼 수 있습니다. –

+0

모든 것이 여기 있습니다. 표준 모드와 버크 모드에서 IE9를 사용하는 Win7. – rcdmk

+0

@MaratTanalin 나는 동의했다. – rcdmk

답변

0

제 목적을 달성하기위한 가장 좋은 방법은 코드 상단에 <!--[if IE 7]><body class="ie7"><![endif]-->입니다. 그러면 나는 그들이 원하는 곳에서 position:absolute으로 조정할 수 있습니다. 필자는 일반적으로 이와 같은 해킹을 피하는 경향이 있지만 (대부분의 사람들은 그럴 것입니다.) IE7의 중요한 문제 였고 다른 모든 것으로 입증 된 코드를 사용하는 것이 가장 효율적이었습니다. 브라우저.