火狐中的對齊問題

我在Firefox中與我的表有對齊問題。在Chrome/IE中，它看起來正確。是否有問題或需要添加「FF Fix？」？火狐中的對齊問題

它看起來像每個單元格右下角的小點（在chrome/ie中）在FF頁面的右下角。但是，在實時頁面上，它位於屏幕的右上角。

http://jsfiddle.net/P3JnP/5/

注 - 似乎沒有在Safari工作，無論是。

來源

2012-03-23 Cody

剛一說明，它不右看看在Safari無論是。 – 2012-03-23 15:33:52

好注意。我將編輯帖子。 – Cody 2012-03-23 15:35:23

親愛的看到我的回答，讓我知道如果我在這裏滯後一些。 – w3uiguru 2012-03-23 17:37:10

這是我的想法。把一個div放在你的每個TD裏面並且使它相對。將這個div包圍在你的數字和點上，並使其完整的高度和寬度。像這樣：

<td class="td_time"> 
    <div class="time-wrapper"><div class="time"></div><span class="time_note"></span>  
    </div> 
</td> 

CSS: 
.time-wrapper 
{ 
width:100%; 
height:100%; 
position:relative 
}

這應該解決它。你也應該能夠從td_time類中取出「相對」的位置。

來源

2012-03-23 15:36:56

蹩腳的解決方案，但唯一存在的 – SinistraD 2012-03-23 15:43:10

似乎不工作..現在看起來不正確的任何瀏覽器 – Cody 2012-03-23 15:48:28

或者，或者你可以停止使用表和使用div代替。 – 2012-03-23 15:48:35

見下小提琴：

小提琴：http://jsfiddle.net/P3JnP/11/

演示：http://jsfiddle.net/P3JnP/11/embedded/result/

來源

2012-03-23 17:36:22 w3uiguru

火狐中的對齊問題

回答

相關問題