Дисплей: таблица для IE7?

Question

У меня есть несколько столбцов в CSS, со свойством float: left для их горизонтального выравнивания. Но так как он плавает в левой части, я не могу центрировать все элементы.

Итак, я обнаружил, что если я оберну мои столбцы другим div с помощью свойства display: table, все будет отлично работать ... но не в IE7 (idd, это свойство не поддерживается -.-)

У кого-нибудь есть хак или трюк для этого?

Вот мой код:

<div style="display:table">
 <div style="float:left">A column</div>
 <div style="float:left">A column</div>
 <div style="float:left">A column</div>
 <div style="float:left">A column</div>
</div>

Answer 1

если вы используете display:table; в родительском dic, у вас должно быть display:table-row; и display:table-column; -элементов в нем - и плавающий не имеет никакого смысла в этом случае. пожалуйста, посмотрите на этот или попросите Google для получения дополнительной информации.

(если вы хотите отобразить таблицу, почему бы вам не использовать table -элемент? В случаях, когда таблицы используются для разметки, это плохая практика, но делать то же самое sh ***, подставляя таблицу -дерьмо для divitis не делает его лучше)

РЕДАКТИРОВАТЬ: если вы просто хотите отображать свои div'ы рядом и по центру, вы можете просто попытаться использовать display:inline; или display:inline-block; (но последний тоже создаст проблемы в IE) - и удали это бессмысленное display:table; на родительском div

Answer 2

Хм, почему у вас поплавок: слева от вашего самого левого div? Я думаю, что это вызовет некоторые проблемы. У вас есть какие-нибудь CSS? Вы должны иметь margin-left: auto и margin-right: auto на вашем внешнем div. Взгляните на эту страницу , там есть все детали. Похоже, вам, возможно, придется добавить br-теги или аналогичные