2013-08-29 102 views
0

我與客戶網站有關的問題,其中主頁上三列的文本重疊並導致整個主頁中斷。IE7重疊文本

我已經添加了以下CSS樣式到body標籤希望這將修復它,但它沒有:

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

附上兩張圖片在IE7中顯示錯誤,它應該是什麼樣子

IE7 Error

Correct formatting

我能做些什麼,以確保這不是發生在IE7?它在IE8 +

回答

0

版本中工作正常我假設您在某些塊元素(如div)上使用diaplsy:inline-block;來實現您的佈局。我很確定這是你問題的原因(不是word-wrap),因爲IE7不識別inline-block

這裏是一個IE7破解了其實也沒什麼,它使用了`浮動從here

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

採取inline-block的:左;'有他們的位置。我沒有建立這個網站,我從之前的開發者手中接過了它。 –

+0

爲了進一步幫助您,您需要發佈您的代碼。用相關的標記和CSS創建一個JsFiddle。 – avrahamcool