Safari Quirks Mode: таблица занимает всю ширину родительского элемента .. почему? - PullRequest
1 голос
/ 08 октября 2011

Я создаю кнопку CSS, используя таблицу.Кнопка отлично работает в Firefox и IE (режим причуд).К сожалению, есть проблема с режимом причуд Safari.

Сначала немного фона ... Это кнопка для API, то есть эта кнопка может использоваться во всех местах, которые я не могу контролировать ... такустранение проблемы с такими вещами, как float: left не работает.Я тестировал это практически в каждом сценарии, который я могу себе представить, это последний источник проблем.

Сценарий, в котором я тестирую это, - это таблица, в которой столбец имеет выравнивание = "центр" ..Я не могу это контролировать, поэтому, пожалуйста, не предлагайте изменить эту часть.Только кнопки и css - это вещи, которыми я могу управлять .. т.е. часть, которая начинается с <table cellpadding="0px"...

Основная проблема здесь в том, что в Safari кнопка занимает всю ширину своего родителя, что вызывает кнопкурядом с ним, чтобы быть вынужденным на следующую строку.Мне нужно, чтобы кнопки отображались так же, как в IE и Firefox.

Кроме того, это должно работать в IE, Firefox и Safari и не может содержать тег DOCTYPE, чтобы вывести его из режима причуд..

Вот рабочий пример: Click me!

Любая помощь в том, почему эти кнопки таблицы занимают всю ширину родительской таблицы, была бы очень очень оченьвысоко ценится.

1 Ответ

0 голосов
/ 09 октября 2013

Кнопка таблицы занимает всю ширину родительской таблицы из-за таблицы стилей режима Quirks:

Используйте CSS-фильтр , чтобы сделать браузер исключением для Safari.

Ссылки

...