Встроенный блок не работает в Internet Explorer 7, 6

У меня есть код CSS с inline-block . Может ли кто-нибудь сказать мне, как заставить его работать в Internet Explorer 6 и 7. Любые идеи? Может быть, я делаю что-то не так? Спасибо!

 #signup { color:#FFF; border-bottom:solid 1px #444; text-transform:uppercase; text-align:center; } #signup #left { display: inline-block } #signup #right { background-image:url(images/signup.jpg); border-left: solid 1px #000; border-right: solid 1px #000; display: inline-block; padding:1% 2% width:16%; } #signup #right a { font-size:100%; font-weight:bold } #signup #right p { font-size:90%; font-weight:bold } #signup a:hover { color:#FFF; text-decoration:underline }

В IE6 / IE7 display: inline-block работает только с элементами, которые являются естественными (например, span s).

Чтобы он работал над другими элементами, такими как div s, вам нужно:

 #yourElement { display: inline-block; *display: inline; zoom: 1; }

*display: inline использует «безопасный» CSS-хак для применения только к IE7 и ниже .

Для IE6 / 7 zoom: 1 предоставляет hasLayout . Наличие «макета» является обязательным условием для display: inline-block всегда работает.

Это обходное решение можно применить, сохраняя действующий CSS, но об этом не стоит думать, особенно если вы уже используете какие-либо свойства префиксов поставщика.

Прочтите это для получения дополнительной информации об display: inline-block (но забудьте о -moz-inline-stack , который был необходим только для древнего Firefox 2).

*display:inline работает отлично, как IE7 взломать . Но вы можете добавить zoom:1 в код как *background:#fff; *display:inline; zoom:1 *background:#fff; *display:inline; zoom:1 *background:#fff; *display:inline; zoom:1 . Здесь вы можете поместить свой код цвета фона. Когда-нибудь вы не увидите макет на экране, скажем, например, элементы списка не появятся на экране. Тогда в таких случаях это отлично работает и появляется, как в других браузерах.