2009-12-10 3 views
1

Я хотел бы добавить некоторые блоки фиксированного размера CSS inline в текстовый абзац, и у меня проблемы с перекрестным браузером. Я использую div и встроенный блок, и он работает в Firefox. В IE он терпит неудачу (inline-blocks aren't fully supported).CSS inline area cross browser

Доступно ли решение для простого кросс-браузера?

(Основание для этого является для блоков фиксированного размера, чтобы использовать фоновое изображение для отображения смайликов. Это позволяет спрайты и смайлики показаны в соответствии с таблицей стилей.)

ответ

3

Какого элемента вы применяя встроенный блок на?

IE 6/7 принимает значение только на элементов с естественным дисплеем: инлайн.

Так что, если вы используете div прямо сейчас перейти к span вместо.

+2

@ The Feast: Более того, кажется, вы предлагаете использовать div в теге абзаца. Это незаконный HTML («p» не может содержать элементы уровня блока), поэтому вы все равно должны использовать промежуток. – mercator

+0

Не забудьте использовать '-moz-inline-box' для более старых версий Firefox. – DisgruntledGoat

+0

Спасибо, это сделано трюк. Я уверен, что я пробовал это среди многих вещей без успеха, но какой-то другой фактор помешал этому. @mercator, спасибо, я не использовал div внутри HTML 'p', он был совместимым с XHTML. – Pool

0

В IE, чтобы получить поведение встроенного блока, вы устанавливаете его для отображения: inline и даете ему «hasLayout» с помощью одного из методов (масштаб: 1 - общий способ).

0

Используйте <span> внутри вашего <p>. Для начала это важно.

Вы не можете поместить элементы блока внутри <p>. Это неверный код!

Это должно решить его.