Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/09/2008, 16:50
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años, 1 mes
Puntos: 45
Div con display inline y width y height de 1px

Hola, cómo estamos:

Tengo una duda, supongo que no muy complicada, acerca de crear un DIV de altura y anchura exactamente igual a 1px. En display: block no le veo problema ni en FF3 ni en IE6:
Código:
.pto {
	display: block;     /* se podría obviar al ser DIV */
	height:1px;
	width: 1px;
	line-height:1px;    /* se podría obviar al tener display: block pero no en display:inline */
	font-size: 1px;
	background: red;
	overflow: hidden;
}


<div class="pto">&nbsp;</div>
El problema viene cuando quiero que ese DIV tenga display: inline (o sea un SPAN, por ejemplo). En IE6 no hay problema, lo logra con ese código pero cambiando el display. Pero FF3 imprime el DIV con una altura (creo que 1em) y la anchura respectiva a un espacio, más o menos 4px.


¿Hay alguna forma de hacer un DIV con display:inline de 1x1 px?

Gracias por leerme
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.