Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Глюки IE: интерлиньяж в <p>


Автор: begin 15.11.2009, 23:35
В 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 умудряется отображать его вот так: 
http://ipicture.ru/Gallery/Viewfull/26916364.html
т.е. во-первых первая строка не растягивается на всю ширину, а во-вторых между первой и второй строками уменьшенный интервал.

Глюк №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 умудряется отображать его вот так: 
http://ipicture.ru/Gallery/Viewfull/26916630.html
т.е. когда ссылка не помещается в одну строку и возникает перенос, то у второй строки отсутствует подчеркивание.

Автор: bars80080 16.11.2009, 00:21
Цитата(begin @  15.11.2009,  22:35 Найти цитируемый пост)
во-первых первая строка не растягивается на всю ширину, а во-вторых между первой и второй строками уменьшенный интервал.

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


Цитата(begin @  15.11.2009,  22:35 Найти цитируемый пост)
когда ссылка не помещается в одну строку и возникает перенос, то у второй строки отсутствует подчеркивание

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

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

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)