css проблема с межстрочным интервалом между текстом с более чем двумя строками, т.е.

Question

В режиме совместимости для ie7 я заметил странную проблему с пробелами для Internet Explorer 7. У меня есть новостная лента joomla, организованная как ссылки в серии вертикальных элементов списка.По некоторым причинам высота пустого пространства между каждой строкой текста кажется переменной.Вот URL этой страницы, www.galloplaw.com.Что я мог сделать или установить, чтобы исправить эту проблему?

Answer 1

Я бы настоятельно рекомендовал использовать настоящий сброс CSS, например Сброс Эрика Мейера или Нормализация CSS , но это может быть немного поздно для вашего проекта.

Проблема здесь может заключаться в том, что в ваших новостных тегах li у вас есть верхние и нижние поля.В последних браузерах нижнее поле одного li будет объединено с верхним полем следующего li.Не в IE7.Вы можете удалить верхнее поле из вашего li, удалив следующее в строке 475 вашего css:

.latestnews li {
  margin-top: 10px;
}

Answer 2

Даже если вы не задаете никакой отступ или маржу для ul, li в каждом браузере требуется некоторое поле и отступ по умолчанию.

А сумма в разных браузерах разная.

Так что вам нужно сделать одну вещь, т.е. сбросить поля и отступы .

Либо использовать

*
{
    margin: 0;
    padding: 0;
}

для сброса полей каждого элемента на странице или использования

ul, li
{
    margin: 0;
    padding: 0;
}

для сброса полей только для элементов ul и li.

После сброса вы можете указать свои собственные поля и отступы. Надеюсь, это поможет вам.