VPF::Глюки IE: интерлиньяж в <p> - Форум программистов

begin

Дата 15.11.2009, 23:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 415
Регистрация: 16.5.2007

Репутация: нет
Всего: нет

В IE при верстке возникло два глюка:

Глюк №1.
Есть код:

Код


<style>
p
{text-indent:0px; text-align:justify;}
span.text_black
{color:#000; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif; font-style:normal; font-weight:normal;
font-size:12px; line-height:16px;}
</style>
<span class='text_black'>
<p>
Основной целью каждого разработчика УСУ является получение максимальной акустическую мощность, которая и определяет, в конечном итоге, основные потребительские характеристики стирающего устройства. По мнению специалистов, занимающихся ультразвуком, устойчивые результаты технологического воздействия возможны при гораздо больших величинах ультразвуковых полей. 
</span>

IE умудряется отображать его вот так:

т.е. во-первых первая строка не растягивается на всю ширину, а во-вторых между первой и второй строками уменьшенный интервал.

Глюк №2.
Есть код:

Код


<style>
div.menu_left_bottom_link
{vertical-align:top; text-align:left; margin:0px; padding:0px;}
a.menu_left_bottom
{color:#000; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif; font-style:normal; font-weight:normal;
font-size:12px; line-height:16px; text-decoration:underline;}
a.menu_left_bottom:hover
{color:#f00; text-decoration:none;}
</style>
<div class='menu_left_bottom_link'>
<a class='menu_left_bottom' target='_self' href='index.html'>11 причин, почему</a>
</div>

IE умудряется отображать его вот так:

т.е. когда ссылка не помещается в одну строку и возникает перенос, то у второй строки отсутствует подчеркивание.

bars80080

Дата 16.11.2009, 00:21 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Цитата(begin @ 15.11.2009, 22:35

)

во-первых первая строка не растягивается на всю ширину, а во-вторых между первой и второй строками уменьшенный интервал.

вполне возможно это порождается анархическими взглядами, так как вы засунули блочный элемент p внутрь строкового элемента span.
что не совсем по докам

Цитата(begin @ 15.11.2009, 22:35

)

когда ссылка не помещается в одну строку и возникает перенос, то у второй строки отсутствует подчеркивание

а если задать снизу поле, хотя бы 1 пиксель (padding). или хотя бы не трогать line-height, которая любит порождать подобные глюки

begin

Дата 16.11.2009, 00:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 415
Регистрация: 16.5.2007

Репутация: нет
Всего: нет

Благодарю, совет насчет ссылок помог.
А вот с первым глюком решилось только наполовину - все еще есть проблема с интерлиньяжем.
Сейчас код выглядит так:

Код


<style>
p
{text-indent:0px; text-align:justify; color:#000; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif; font-style:normal; font-weight:normal;
font-size:12px; line-height:16px;}
</style>

<p>
Основной целью каждого разработчика УСУ является получение максимальной акустическую мощность, которая и определяет, в конечном итоге, основные потребительские характеристики стирающего устройства. По мнению специалистов, занимающихся ультразвуком, устойчивые результаты технологического воздействия возможны при гораздо больших величинах ультразвуковых полей.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »