Блог

Главная - Вопросы по программированию - Почему Firefox не отображает пробел с двумя ссылками?

Почему Firefox не отображает пробел с двумя ссылками?

#php #html

#php #HTML

Вопрос:

Я работаю над этим сайтом и отображаю сообщения из базы данных. Я заменяю rnrn на <br/><br/> . Работает, как и ожидалось, в Opera, Chrome и IE, но в Firefox он перескакивает только на одну строку, как будто только одну <br/> (но я просмотрел исходный код и получил две).

Я делаю что-то не так или Firefox не работает должным образом над этим? Я использую Firefox 7.

Сгенерированный HTML. Двойные br не отображаются должным образом.

<span class='conteudo'>No dia 19 de novembro, a <strong>Brasilit</strong> irá realizar uma palestra promovendo o lançamento de suas novas linhas de telhas <strong>Colonial</strong>, <strong>Shingle</strong> e <strong>Top</strong> <strong>Steel</strong>.<br /><br />A palestra é voltada para os profissionais que atuam na área de coberturas.<br /><br />Maiores informações podem ser obtidas com os vendedores.</span>

Комментарии:

1. Можете ли вы вставить HTML-код в свой вопрос, чтобы мы могли видеть некоторый контекст. Не размещайте всю страницу, но небольшое количество до и после проблемной области было бы полезно увидеть

Ответ №1:

В http://www.casaebase.com.br/css/default.css , появится следующее объявление:

 .post .conteudo br {
    display: block; /* <-- Causes the issue at Firefox*/
    height: 1px;
}

Это display свойство должно быть inline . Пустой block элемент (т.Е. Элемент с display:block , без видимого содержимого) будет скрыт в Firefox.

Комментарии:

1. Да, вы правы. Я забыл удалить эту часть CSS. Был только тест. Спасибо.

Ответ №2:

Проблема в том, что у вас CSS переопределяет нормальное поведение <br> тега.

Глядя в Firebug, когда я перехожу к <br> тегу, я вижу это:

 .post .conteudo br {
    display: block;
    height: 1px;
}

Если вы удалите эти стили, <br> все будет работать как обычно.

Я не уверен, почему вы вообще выбрали стиль <br> тега, но это результат этого стиля.

Метки: