2013-08-06 73 views
-1

我使用溢出隱藏,向左浮動並顯示內嵌塊。我正在嘗試製作水平製表符。這是工作完美的ff,我曾經使用,但是當我在IE瀏覽器。我看到了第一個,很快就在它旁邊,很快就在下面,最後2個我看不到。我試圖使用DOCTYPE html,但這沒有幫助。從我的閱讀看來,這似乎是一個錯誤,但我一直無法找到一個好的解決方案。在此先感謝您的幫助。順便說一句,當我看着它在IE中的一個小提琴它看起來是正確的,但是當我讓它活着它不在IE中。我正在使用IE 8.0.6!在FF中溢出隱藏工程,但不是IE

<div id="phila5"> 
<div id="philya6" style="text-align:center">verysoon</div> 
<div id="phillya7">soon</div> 
<div id="phillya8">soon</div> 
<div id="phillya9">soon</div> 
<div id="phillya10">soon</div> 
<div id="phillya11">soon</div> 
</div> 



#phila5{ 

overflow:hidden; 

border: 2px solid #000000; 
height: 80px; 
width: 100%; 
border-radius: 0%; 
background-color: #FFF5ee; 
} 
#philya6{ 
float:left; 
height: 70px; 
line-height: 70px; 
font-size: 2.4em; 
border: 4px solid #FFF5ee; 
text-align: center; 
height: 70px; 
width: 27%; 
background-color: #F10B78; 
color:#FFF5ee; 
font-weight:900; 
} 


#phillya7{ 
display:inline-block; 
text-align: center; 

font-size: 1.6em; 
border: 2.5px solid #FFF5ee; 
height: 46px; 
width: 13.5%; 
border-bottom-left-radius:0%; 
border-bottom-right-radius:0%; 
background-color: #F10B78; 
color:#FFF5ee; 
} 
#phillya8{ 
display:inline-block; 
text-align: center; 

font-size: 1.6em; 
border: 2.5px solid #FFF5ee; 
height: 46px; 
width: 13.5%; 
border-bottom-left-radius:0%; 
border-bottom-right-radius:0%; 
background-color: #F10B78; 
color:#FFF5ee; 
} 

#phillya9{ 
display:inline-block; 
text-align: center; 

font-size: 1.6em; 
border: 2.5px solid #FFF5ee; 
height: 46px; 
width: 13.5%; 
border-bottom-left-radius:0%; 
border-bottom-right-radius:0%; 
background-color: #F10B78; 
color:#FFF5ee; 
} 


#phillya10{ 
display:inline-block; 
text-align: center; 

font-size: 1.6em; 
border: 2.5px solid #FFF5ee; 
height: 46px; 
width: 13.5%; 
border-bottom-left-radius:0%; 
border-bottom-right-radius:0%; 
background-color: #F10B78; 
color:#FFF5ee; 
} 
#phillya11{ 
display:inline-block; 
text-align: center; 

font-size: 1.6em; 
border: 2.5px solid #FFF5ee; 
height: 46px; 
width: 13.5%; 
border-bottom-left-radius:0%; 
border-bottom-right-radius:0%; 
background-color: #F10B78; 
color:#FFF5ee; 
} 
+0

請提及IE的版本。這將有助於 – Ahmed

+0

這是我的小提琴http://jsfiddle.net/RsS5V/39/ –

+0

對不起,關於該IE 8.0.6 –

回答

1

嘗試增加

<meta http-equiv="X-UA-Compatible" content="IE=edge" > 

到您的網頁。