2012-06-04 23 views
3

我遇到了表格底部邊框偶爾不會在Chrome中顯示的問題。至少,我認爲這只是Chrome:是一個不穩定的問題,有點難以確定。顯示錶格的底部邊框 - 在Chrome中出現不穩定

有問題的表格是http://www.littlehotelsofspain.co.uk底部的「小酒店特色酒店」,「本週回顧」,「訂閱我們的通訊」和「在Facebook上找到我們」框。

的代碼是:

<table width="364" border="1" bordercolor="#999999" style="border-collapse:collapse"> 
<tr> 
<td height="32" bgcolor="#EDEFF4" style="padding-left:10px"> 
<font face="Tahoma, Geneva, sans-serif" color="#333"><strong>Little Hotels Featured Hotel</strong></font> 
</td> 
</tr> 
<tr> 
<td style="padding-left:10px"> 
<br> 
<?php dadedadeda ?> 
</td> 
</tr> 
</table> 

通常,當我打開網頁,一個或兩個的底部邊界的沒有顯示。上下移動滾動滑塊,以便問題區域消失並重新出現,有時會糾正或更改它。

+0

Mac 19上的Chrome 19重新加載了好幾次,我沒有看到任何缺失的邊框。 – lanzz

+0

IE9和最新的FF和Chrome在這裏看起來一樣...也可以看不到任何缺少的邊框=/ –

+0

感謝@lanzz扼殺了看。我不知道這是否是我的電腦獨特的東西。我再次看了看,發現當我打開頁面時,所有的桌子都在摺疊下面。當我向下滾動時,一個或多個可能會丟失底部邊界。如果我向後滾動,釋放鼠標,然後再下來,邊框將會不同(有時它們全部回來)。如果在表格可見時刷新頁面,則會顯示所有邊框。奇! – TrapezeArtist

回答

0

對我來說也很好看......一個選項(如果你想去麻煩)是將表格封裝在一個帶有2px填充的div中。

iMac上的Chrome 20看起來不錯。

1

我最近在Chrome中渲染表格邊框時遇到了問題。幫助我的一個快速解決方案是將tr定義爲display:block。

0

因此,在出現同樣的問題後,看起來border-collapse:collapse是webkit瀏覽器中的問題。似乎爲我排序的修正是將其更改爲border-collapse:separate