Foros del Web » Creando para Internet » CSS »

Incompatibilidad en IE

Estas en el tema de Incompatibilidad en IE en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/09/2008, 16:20
 
Fecha de Ingreso: enero-2008
Mensajes: 30
Antigüedad: 9 años, 10 meses
Puntos: 0
Incompatibilidad en IE

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:

Cita:
<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!!
  #2 (permalink)  
Antiguo 17/09/2008, 16:29
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Incompatibilidad en IE

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.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 17/09/2008, 16:32
 
Fecha de Ingreso: enero-2008
Mensajes: 30
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Incompatibilidad en IE

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:

Cita:
.Titulo {
font-size: 60px;
color: #FFFFFF;
}
  #4 (permalink)  
Antiguo 17/09/2008, 16:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Incompatibilidad en IE

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.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 17/09/2008, 17:16
 
Fecha de Ingreso: enero-2008
Mensajes: 30
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Incompatibilidad en IE

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> 
  #6 (permalink)  
Antiguo 17/09/2008, 17:35
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Incompatibilidad en IE

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.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 17/09/2008, 17:47
 
Fecha de Ingreso: enero-2008
Mensajes: 30
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Incompatibilidad en IE

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

Saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:44.