IE7 Overlapping Text

Question

홈페이지에있는 세 개의 열에 대한 텍스트가 겹쳐서 전체 홈페이지가 깨지는 문제가 있습니다.

나는이 문제를 해결할 것입니다 바라고 body 태그에 다음 CSS 스타일을 추가 한, 그러나 그것은하지 않았다 : IE7에서 오류를 표시하는 두 개의 이미지가 첨부되어

word-wrap: break-word; /* Current Browsers */ 
    -ms-word-wrap: break-word; /* IE8 */ 
    white-space: normal; /* IE7 Hack */ 

을하며 어떻게 보일지

나는이되지 않습니다 보장하기 위해 할 수있는 일 IE7에서 일어난 일? IE8 +

Answer 1

일부 블록 요소 (예 : div)에 diaplsy:inline-block;을 사용한다고 가정하고 있습니다. 레이아웃을 유지하는 데 도움이됩니다. 나는 IE7이 inline-block을 인식하지 못하기 때문에 이것이 문제의 원인 (word-wrap 아님)이라고 확신한다. 여기

는 IE7은 사실 아니, 그것은`플로트를 사용하고 here

some-selector 
{ 
    display: inline-block; /*for browser who support it*/ 
    *display: inline;  /*hack for IE7*/ 
    zoom: 1; 
}