Foros del Web » Creando para Internet » CSS »

Problema con listas anidadas

Estas en el tema de Problema con listas anidadas en el foro de CSS en Foros del Web. Hola, tengo un pequeño problema con las listas anidadas, para variar solo en IE por que en FF y Opera se ve bien. La situación ...
  #1 (permalink)  
Antiguo 31/08/2005, 18:19
Avatar de Bio
Bio
 
Fecha de Ingreso: diciembre-2003
Ubicación: México DF
Mensajes: 180
Antigüedad: 14 años
Puntos: 0
Problema con listas anidadas

Hola, tengo un pequeño problema con las listas anidadas, para variar solo en IE por que en FF y Opera se ve bien.

La situación esta asi:

Quiero hacer un menu con listas, el HTML es el siguiente:

Código HTML:
<ul id="lista1">
<li id="elemento1">...<li>
<li id="elemento2">
  <ul id="lista2">
    ...
  </ul>
</li>
</ul> 
El problema esta en que "elemento2" es de tamaño definido y más pequeño que la segunda lista que contiene. Internet Explorer envuelve la segunda lista automaticamente aumentando el tamano de "elemento2" y esto rompe la posición de otros elementos cercanos. El CSS esta así:

Código:
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul li {
	float: left;
	display: inline;
	margin: 0 0 0 30px;
	padding: 0;
}

#elemento2 {
	width: 11px;
	height: 11px;
	display: block;
}

#elemento2 ul {
	width: 200px;
	height: 113px;
	position: relative;
	top: -110px;
	left: 30px;
}
Lo que necesito es que "elemento2" quede con el tamaño fijo de 11 x 11 y "lista2" no quede dentro de los bordes haciendo que se agrande.

De antemano, Gracias!
Saludos
  #2 (permalink)  
Antiguo 01/09/2005, 22:16
Avatar de Bio
Bio
 
Fecha de Ingreso: diciembre-2003
Ubicación: México DF
Mensajes: 180
Antigüedad: 14 años
Puntos: 0
Bueno, parece que no hay respuestas asi que ahi va como lo resolví. Despues de estar revisando y probando varias soluciones, encontre que usando overflow: hidden en el elemento de lista, la lista interna se sale del flujo de la página que es lo que quería. Solo hay que agregar el clásico hack para que solo lo vea Internet Explorer y listo.
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 03:49.