Foros del Web » Creando para Internet » CSS »

Explorer bug?

Estas en el tema de Explorer bug? en el foro de CSS en Foros del Web. pues resulta que en explorer 6 no esta respetando el height que le estoy asignando, en firefox e IE7 si funciona pero en IE6 simplemente ...
  #1 (permalink)  
Antiguo 12/12/2007, 12:15
Avatar de stock  
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 13 años, 5 meses
Puntos: 53
Explorer bug?

pues resulta que en explorer 6 no esta respetando el height que le estoy asignando, en firefox e IE7 si funciona pero en IE6 simplemente no me funciona.

este es el escenario, el html es este:
Código HTML:
<div id="win61" class="mooWindow" style="width: 500px; height: 300px; top: 102px; left: 100px; 
z-index: 2;">
<div id="win61_wrapper" class="mooWindowWrapper">
	<div class="mooWindowShadowWrapper">
		<div class="mooWindowShadowUp">
			
		</div>
		<div style="height:200px;background-color:#0F0">
		</div>
		<div class="mooWindowShadowDown">
		</div>
	</div>
</div>
</div> 
y el css es este:
Código:
div.mooWindow{
	position:absolute;
	background-color:#ddd;
}
div.mooWindowWrapper {
	width:100%;
	height:100%;
	overflow:hidden;
}
/*******************************[Shadow]*********************************/
div.mooWindowShadowWrapper{
	width:100%;
	height:100%;
	margin-top:10px;
}
div.mooWindowShadowUp, div.mooWindowShadowDown{
	height:6px; /*No esta haciendo caso a esta linea*/
	background-color:#F00;
}
aqui un ejemplo online
http://crysfel.com/common/ejemplos/cssbug/ie.html

si lo ven en firefox o ie7 veran las lineas rojas pequeñas(6px), en cambio si lo ven en ie6 estas lineas rojas estan muy grandes como 12 pixeles o mas!

alguien sabe por que??

gracias de ante mano!

have funnnnnnnnnnnnnnnn
  #2 (permalink)  
Antiguo 12/12/2007, 12:32
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Re: Explorer bug?

yo creo q es por el q tenes en div.mooWindowShadowWrapper {margin-top:10px;}

deberias cargar una hoja especial para ie6 corrigiendo estos errores es la solucion mas practic y rapida
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 12/12/2007, 12:48
Avatar de stock  
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 13 años, 5 meses
Puntos: 53
Re: Explorer bug?

pues de hecho ese es el plan, pero necesito saber como solucionar este pequeño detalle que esta deteniendo mi desarrollo :(

por cierto, ya he intentado quitarle el margin-top y aun asi no jala, sigue haciendo lo mismo!!

alguna otra sugerencia?
  #4 (permalink)  
Antiguo 12/12/2007, 13:23
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Re: Explorer bug?

este tipo de cosas pasan cuando no se respeta la semántica... si queres hacer unos bordes de 6px, usa border-top y border-bottom y vas a ver que la probabilidad de que ta salten bugs es mucho menor...

La regla de oro para evitar bugs... KISS!

PD: ie6 interpreta a height como si fuera en realidad min-height.. así que lo estira hasta que ocupe todo el contenido. Supongo que lo podes solucionar usando este script, pero la verdad que lo mejor es KISS
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 16/12/2007, 18:21
Avatar de stock  
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 13 años, 5 meses
Puntos: 53
Re: Explorer bug?

HOla webosiris, gracias por responder, mira, lo que me comentas acerca de la semantaca, te explico, lo que sucede, es que ese ejemplo que estoy mostrando es donde he encontrado el error, en realidad eso no pretendo hacer unos bordes de color rojo, lo que intento hacer es esto:

http://crysfel.com/common/ejemplos/cssbug/ejemplo.html (ver en Firefox)

Pero al hacerlo funcionar en IE6, todo se me viene abajo, en fin, checaré eso que me comentas del min-height.

PD: alguna otra idea es bienvenida
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 13:16.