-
Люди знающие, подскажите! Есть у меня некий текст. Каждый новый абзац заключен в тег
_</p>. Этому тегу присваивается класс .index с параметрами { text-indent: 20px; margin-bottom: -7px; }.
По идее, новый абзац начинается с табуляции и снизу убирается отступ.
В Опере для смещения нижней строки к верхней хватает 7-ми пикселей.
В ИЭ же для того, чтобы добиться аналогичного смещения требуется около 17 пикселей.
И вообще, все единицы измерения оба браузера понимают по-разному.
Как с этим бороться? Писать скрипт на кроссбраузерность? )
-
Для того, чтобы абзацы не имели вертикальных полей, достаточно margin: 0px.
Отрицательные значения в данном случае – нонсенс.
P.S. Если «каждый новый абзац», не следует плодить лишние классы.
-
Насчет отрицательности параметра margin я прочел [Only registered and activated users can see links. Click Here To Register...].
Однако, исправил на margin: 3px и все стало красиво. За что премного благодарен.
Насчет "развода" классов - это вынужденная мера. Делаю примерно следующее:
<div class="index">
Some text hear (начинающийся с абзаца)</p>
Some text hear (начинающийся с абзаца)</p>
</div>
Просто дальше следует подзаголовок и через несколько абзацев еще один, посему, приходится жонглировать тегами.
