Incompatibilidad en IE

[s4mb4r]

Hola!! intento poner un título encima de la cabecera de mi web (que está hecha con CSS) e internet explorer se come parte de este título.

Firefox (aún está sin centrar bien el título).



Internet explorer:



La imagen que uso para la cabecera:



Código CSS de la cabecera:

Código:

.top {
height:140px;
width: 950px;
margin-top:1px;
background: url(http://i38.tinypic.com/es94c9.gif) center;
}

Código HTML:

<div class='top'><center><br /><br /><span class="Titulo">Título</span></center>
</div>

¿Alguien sabe por qué puede pasar eso?

Muchas gracias, un saludo!!

[Mikmoro]

Falta que pongas el estilo del <span class="Titulo">, porque si no, con el código que pones no se vería como muestras en la imagen.

[s4mb4r]

Hola Mikmoro, creo que no hace falta el estilo del título pues solo era para darle "forma"... pero bueno, de todas formas este es:

.Titulo {
font-size: 60px;
color: #FFFFFF;
}

[Mikmoro]

Bueno, si no te parece importante que el tamaño de letra fuera de 60px para el problema que cuentas de que te desaparece la mitad, sencillamente, sin es clase el problema no ocurre.

Pero no, con esa clase el problema tampoco ocurre:

http://www.araudi.net/forosdelweb/s4mb4r.html

Así que el problema está en otra parte del código que no estás mostrando.

[s4mb4r]

Tengo otro código que es para el fondo de página (en teoría), no creo que sea eso lo que estropee la cabecera.

body {
background:#DDD;
margin:0;
padding:0;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#333;
}
#wrap {
background:#EEE;
width:950px;
margin:10px auto 10px auto;
padding:10px;
}

Quedaría así...

Código HTML:

<div id="wrap">
<div class='top'><center><br /><br /><span class="Titulo">Título</span></center>
</div>
</div> 

[Mikmoro]

Pues sí, es esto:

body {
background:#DDD;
margin:0;
padding:0;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#333;
}

Le estás forzando a que todos los elementos tengan un alto de línea de 1.6em, y como tu texto es mucho mayor que eso, sencillamente no cabe.

[s4mb4r]

Efectivamente, eso era!!! muchísimas gracias!

Saludos.