Foros del Web » Creando para Internet » CSS »

No se ve el contenido de un DIV en IE6

Estas en el tema de No se ve el contenido de un DIV en IE6 en el foro de CSS en Foros del Web. Hola a todos. Tengo un pequeño problema. En IE 6 no se ven los link que están en la franja roja de la página. En ...
  #1 (permalink)  
Antiguo 14/08/2009, 06:05
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
No se ve el contenido de un DIV en IE6

Hola a todos.
Tengo un pequeño problema.
En IE 6 no se ven los link que están en la franja roja de la página.
En IE 7 y 8 se ve correctamente, pero en IE 6 no logro mostrarlo.
la pagina es http://www.puebloyreforma.org.ar/critica.php
Lo raro es que el ratón si "lee" esos link ya que cambia a la "manito" e incluso si le doy el clic el link funciona!?!!? No entiendo nada

El estilo para esta seccion es el siguiente:
Código:
.logo {
	font-family: Andes;
	color: #FFF;
}
#logo {
	text-align: center;
	position: absolute;
	width: 250;
	height: 110;
	left: 107px;
	top: 6px;
}
#contenido #cajacritica {
	background-color: #000;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	text-align: center;
	position: relative;
}
#cajacritica #visor {
	background-color: #000;
	text-align: center;
}

#indice {
	display: block;
	width: auto;
	clear: both;
	background-color: #9B0000;
	margin-left: auto;
	position: relative;
	margin-right: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	z-index: 2;
}
#indice #numerosc {
	background-color: #C00;
	display: block;
	padding: 1px;
	float: left;
	width: 180px;
	text-align: center;
	margin: 1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #FFF;
	height: 35px;
	font-weight: bold;
	visibility: visible;
	z-index: 5;
}
#indice a:link  {
	color: #FFF;
	text-decoration: none;
	padding: 1px;
	height: auto;
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#indice a:visited{
	color: #9CF;
	text-decoration: none
}
#indice a:hover  {
	color: #000;
	text-decoration: underline
}
Intente diferenciando el z-index entre "indice" e "indice numerosc" pero nada de nada.
Evidentemente algo estoy haciendo mal.
Alguna sugerencia?
Desde ya les agradezco sus ayuda

PD: lo probé con el multipleie, pero tambien lo verifique en otra pc que tiene el IE6, así que debe ser algún error en el css, creo.

Última edición por C2am; 14/08/2009 a las 06:12
  #2 (permalink)  
Antiguo 25/08/2009, 11:04
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: No se ve el contenido de un DIV en IE6

Modifica estilo_critica.css

.logo {
font-family: Andes;
color: #FFF;
}
#logo {
text-align: center;
position: absolute;
width: 250;
height: 110;
left: 107px;
top: 6px;
}

#contenido #cajacritica {
font-family: "Arial Black", Gadget, sans-serif;
color: #FFF;
text-align: center;
position: relative;

/*aquí tu problema*/
background-color:#9B0000;
z-index:-1;



}
#cajacritica #visor {
background-color: #000;
text-align: center;
}

#indice {
display: block;
width: auto;
clear: both;
margin-left: auto;
position: relative;
margin-right: auto;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

}
#indice #numerosc {
background-color: #C00;
display: block;
padding: 1px;
float: left;
width: 180px;
text-align: center;
margin: 1px;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
color: #FFF;
height: 35px;
font-weight: bold;
}
#indice a:link {
color: #FFF;
text-decoration: none;
padding: 1px;
height: auto;
width: auto;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
#indice a:visited{
color: #9CF;
text-decoration: none
}
#indice a:hover {
color: #000;
text-decoration: underline
}

Espero te sirva, saludos
  #3 (permalink)  
Antiguo 25/08/2009, 12:06
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: No se ve el contenido de un DIV en IE6

Cristian_cena
Muchisimas gracias Cristian, funciona muy bien.
Saludos

Bueno, probe tu solución y no funcionaba correctamente en los otros navegadores así que lo modifique de manera que solo el IE interprete tu aporte:
Cita:
/*aquí tu problema*/
background-color:#9B0000;
z-index:-1;
quedo así:
Código HTML:
/*aquí tu problema*/
background-color:#9B0000;
_z-index:-1;
Parece funcionar, no se si será óptima pero anda.

Última edición por C2am; 25/08/2009 a las 12:18 Razón: No funciona en los otros navegadores
  #4 (permalink)  
Antiguo 25/08/2009, 21:48
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: No se ve el contenido de un DIV en IE6

mmm ... fijate en el codigo que te pase que hice algun otro cambio seguro porque me andubo bien en firefox tambien.
Bbueno en fin, soy nuevo en css, me alegro que te halla funcionado! y gracias a usted por postear su resultado
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 04:57.