Проблема выравнивания С отображением: ячейка таблицы в Firefox - PullRequest
0 голосов
/ 09 февраля 2012

У меня проблема с кросс-браузерным позиционированием в Firefox.Я использую display: table и display: table-cell.Вот JSFiddle:

http://jsfiddle.net/cSq6W/1/

По сути, если вы откроете это в Safari, Chrome или IE, все <li> будут центрированы (что я и хочу).Когда вы открываете его в Firefox, все оправдывается слева.

Я пробовал множество решений, чтобы все перестроить, но, похоже, это не работает.Я попытался position:absolute с left:0, чтобы начать с общей начальной точки, но даже тогда Firefox <li> s не были выровнены с другими браузерами.

Причина, по которой я использую display: table-cell, потому что кажется, что его легче контролировать через все браузеры (особенно IE), и он работал на других страницах сайта.Любые идеи о том, почему он будет смещен в Firefox (кстати, эта проблема сохраняется с FF5 до FF10)?

1 Ответ

1 голос
/ 09 февраля 2012

Может быть, вам нужно определить display: inline-block для вашего img и определить text-align:center для его родителя. Проверьте это:

http://jsfiddle.net/cSq6W/2/

ОБНОВЛЕНО

Для IE7 есть хак, проверьте ссылку http://jsfiddle.net/cSq6W/5/

...