Foros del Web » Creando para Internet » CSS »

Problema con IE7: tamaño objectos

Estas en el tema de Problema con IE7: tamaño objectos en el foro de CSS en Foros del Web. Hola a todos!! Tengo un problema, necesito hacer con CSS objectos de tamaño muy pequeño, porque mi página web lo requiere, y he encontrado un ...
  #1 (permalink)  
Antiguo 08/01/2008, 05:29
 
Fecha de Ingreso: enero-2008
Mensajes: 16
Antigüedad: 9 años, 11 meses
Puntos: 0
Problema con IE7: tamaño objectos

Hola a todos!!

Tengo un problema, necesito hacer con CSS objectos de tamaño muy pequeño, porque mi página web lo requiere, y he encontrado un problema de mal funcionamiento de IE7. El problema es que por alguna misteriosa razón IE7 no pinta objectos creados desde CSS cuya altura sea menor de 12px. Curiosamente la anchura parece respetarla. Si abrís el siguiente código html con Firefox2 veréis la diferencia.

Código:
<html>
<head>
<style type="text/css">
	<!--
	.color {
	    background-color: yellow; width: 8px; height: 8px; display: block;
	}

	.color:hover {
	    background-color: red; 
	}

	.contenedor {
   	 background-color: #313031; width: 8px; height: 8px; margin: 0 1px; float: left; 
	}
	-->
</style>
</head>
<body>

<div class="contenedor">
	<a class="color" href="#"></a>
</div>

<div class="contenedor">
	<a class="color" href="#"></a>
</div>

</body>
</html>
Muchas gracias por todo!
  #2 (permalink)  
Antiguo 08/01/2008, 08:17
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Problema con IE7: tamaño objectos

Hola josimapi. Bienvenido al foro.

Pon un DOCTYPE y te debería funcionar bien.

Saludos,
  #3 (permalink)  
Antiguo 08/01/2008, 08:56
Avatar de josdelaranda  
Fecha de Ingreso: abril-2007
Ubicación: Vivo en Lima - Perú
Mensajes: 61
Antigüedad: 10 años, 7 meses
Puntos: 0
Re: Problema con IE7: tamaño objectos

Hola, podrías intentar poniendo lo siguiente:

Código:
.contenedor {
   	 background-color: #313031; 
	 width: 8px; 
	 height: 8px; 
	 margin: 0 1px; 
	 float: left; 
	 line-height:8px; 
	 font-size: 0;
	}
Saludos
  #4 (permalink)  
Antiguo 08/01/2008, 11:02
Avatar de K-Yezaad  
Fecha de Ingreso: octubre-2005
Mensajes: 140
Antigüedad: 12 años, 1 mes
Puntos: 3
Re: Problema con IE7: tamaño objectos

Como mencionaron arriba, IE no respeta por default CSS 2.0, tienes que declarar un doctype para que IE7 "entienda" lo que debe hacer.
  #5 (permalink)  
Antiguo 09/01/2008, 03:46
 
Fecha de Ingreso: enero-2008
Mensajes: 16
Antigüedad: 9 años, 11 meses
Puntos: 0
Re: Problema con IE7: tamaño objectos

Muchisimas gracias por las respuestas!! Me han funcionado ambas opciones. Da gusto formar parte de un grupo como este!
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 18:43.