Problemas com texto em Firefox e IE7

chantas

Power Member
Boas!
Tou com um pequeno problema e provávelmente terei que aplicar um hack ao IE7 para resolver isto...

O problema é o seguinte, utilizando este código CSS:

#texto {
padding: 20px 30px 30px 30px;
overflow:auto;
width:740px;
height:288px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}

Noto que no IE7 o texto fica mais em cima do que no Firefox cerca de 1cm! Alguém me sabe indicar como corrigir isto sff?? Obrigado desde já!

Cumps.:002:
 
experimenta (re)definir o "margin".

Referes-te a aplicar por exemplo um margin-top? Se for isso já tentei mas no firefox ele para alem de afastar o texto arrasta tmb a imagem de fundo onde o texto está inserido!

Aproveito para vos mostrar o html (só a parte do texto):

<div id="corpo1" class="largura">
</div>
<div id="corpo2" class="largura">
<div id="texto" class="largura">
<h5>ihihihiihhhhhhhihihihihihihihiih</h5>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ultricies orci eu nunc. Donec enim dolor, consequat vel, porttitor non, tempor et, ante. Praesent vehicula euismod quam. Vivamus vehicula purus eu eros. Phasellus euismod leo in purus. Nunc consequat mauris eu tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ultricies condimentum nisl. Donec et magna non velit vulputate dapibus. Donec pulvinar nulla. Nullam cursus massa vitae pede. Praesent dolor risus, mollis et, eleifend tempor, tristique sed, augue. Maecenas commodo. Mauris vestibulum bibendum risus. Vivamus rhoncus. Nullam volutpat leo malesuada mauris adipiscing elementum. Morbi at dolor. Duis ornare fermentum est.</p>


</div>
</div>
 
experimenta, por exemplo, dar margin:0px a tudo... parece-me que o problema está no H5... dá um estilo ao H5 e ao p:

#texto h5 {margin:0px; padding:0px}
#texto p {margin:0px; padding:0px}
 
Back
Topo