I'm working on this website and displaying posts from the database. I'm replacing the with <br/><br/>. Works as expected in Opera, Chrome and IE, but in Firefox, it only jump one line as if only one <br/> (but I looked at source code and has two).
I'm doing something wrong or Firefox is not working properly on this? I'm using Firefox 7.
The HTML generated. The double br are not displayed properly.
<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>
At http://www.casaebase.com.br/css/default.css, the following declaration appears:
.post .conteudo br {
display: block; /* <-- Causes the issue at Firefox*/
height: 1px;
}
This display property should be inline. An empty block element (ie, an element with display:block, without visible content) will be hidden in Firefox.
The problem is that you've got CSS overriding the normal behaviour of the <br> tag.
Looking in Firebug, when I navigate to the <br> tag, I see this:
.post .conteudo br {
display: block;
height: 1px;
}
If you remove these styles, the <br> works as normal.
I'm not sure why you've chosen to style the <br> tag at all, but this is the result of that styling.