2012-02-16 5 views
1

Работа с частью моего веб-сайта. Вот мой код: http://jsfiddle.net/firelizzard/ASdMq/Webkit Bug? Broken CSS

В Chrome Beta (WebKit):

enter image description here

В Firefox (Gecko):

Gecko Rendered

Gecko оказывает этот код, как я хочу. Что с webkit?

Chrome User Agent: Mozilla/5.0 (-OS-) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.11 Safari/535.19

Firefox User Agent: Mozilla/5.0 (-OS-) Gecko/20100101 Firefox/10.0.1


Tally

Gecko:

  • Works: Firefox 10

WebKit:

  • ли не: Safari 5, Chrome 18

Trident:

  • Works: Internet Explorer 8, 9
  • не: Internet Explorer 7

Престо:

  • Не: Опера?
+1

Вот как это выглядит в Opera: http://i.imgur.com/5gITr.png – bookcasey

+1

2 3 заставляет его выглядеть адекватно в Opera 11.61 .. – vines

+0

@vines, вы бы опубликовали это как ответ, чтобы я мог вас счесть? Используя это, я устранил все проблемы (кроме IE <8): 'http: // jsfiddle.net/firelizzard/ASdMq/3 /' –

ответ

1

Вопрос определенно выглядит как ошибка для меня. Во время игры с кодом, размещенным на jsfiddle, я заметил, что добавление некоторого содержимого ячеек делает Opera 11,61 ведет себя ближе к тому, что ожидалось:

<td class="dm_other horz">2</td> 
<td class="dm_other horz">3</td> 

Я пришел, чтобы попробовать его, потому что он напомнил мне о notorious whitespace problems Я слышу время от времени :)