Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/07/2006, 14:37
Avatar de Smoopy
Smoopy
 
Fecha de Ingreso: junio-2006
Ubicación: Caracas - Venezuela
Mensajes: 2
Antigüedad: 18 años, 5 meses
Puntos: 0
Exclamación Div fatal en Firefox

Hola...
Buenas!!!!


tengo un problemita... resulta que he colocado un div al que dentro le he clocado otros tantos div mas (6 para ser exacta) en tres de estos coloco títulos con background... pero en los siguientes coloco listas.... y se encuentran intercalados....

ahora bien, el problema es que necesito que se coloquen uno debajo del otro... en dreamweaver lo hace mas o menos... y en IE los muestra casi perfectamente... o bueno como los necesito.... pero en FF es una locura!!! se montan uno sobre otro y se ve espantoso...

podrian darme una solución para que se vea igual en ambos navegadores, o bueno smilar... y que cada div este debajo del otro... ya he intentado con las posiciones relative.. absolute... con los margin... pero nada ...

muchas gracias...!

pd: aqui les dejo el cogido html.. y el css usado en esta parte... gracias!!!


html..:

Código HTML:
<div id=menu_ivss>
		<div class="espacio_admin"></div>
			<div style="list-style-type: none">
				<ul class="menu_lista" style="list-style-type:none">
				  <li class=page_item><a title="">Administración de Usuarios</a></li> 
				  <li class=page_item><a title="">Lista de usuarios de la Intranet</a></li>
				  <li class=page_item><a title="">Cambio de Clave</a></li>
				</ul>
			</div>
		<div class="espacio_info"></div>
			<div style="list-style-type: none">
				<ul class="menu_lista" style="list-style-type:none">
				  <li class=page_item><a title="">Facturación</a></li>
				  <li class=page_item><a title="">Fonético</a></li>
				  <li class=page_item><a title="">Nómina</a></li>
				  <li class=page_item><a title="">Prestaciones</a></li>
				  <li class=page_item><a title="">Documentación</a></li> 
				</ul>
			</div>
		<div class="espacio_aspectos"></div>
			<div style="list-style-type: none">
				<ul class="menu_lista" style="list-style-type:none">
  				  <li class=page_item><a title="">Ley del IVSS</a></li>
				  <li class=page_item><a title="">Ley de Seguridad Social</a></li>
				  <li class=page_item><a title="">Ley Orgánica del Trabajo</a></li>
				  <li class=page_item><a title="">Ley Contra la Corrupción</a></li>
				  <li class=page_item><a title="">Ley Contra Delítos Informáticos</a></li>  
				</ul>
			</div>
</div> 
css..:

Código:
#menu_ivss {
	float: right;
	width: 210px;
	margin-top: 20px;
	margin-right: 10px;
}

#menu_ivss li {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}

#menu_ivss li {
	padding-right: 5px;
	padding-left: 20px;
	background: url(../imagenes/flecha.jpg) #fff no-repeat left center;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: #ccc 1px solid;
	background-color: transparent;
}

.menu_lista {
	margin:0px;
	padding:0px;
	height: 30px;
}

.espacio_admin {
	background:url(../imagenes/admin.jpg) no-repeat;
	margin:0px;
	padding:0px;
	height:35px;
}

.espacio_info {
	background:url(../imagenes/info.jpg) no-repeat;
	margin:0px;
	margin-top:10px;
	padding:0px;
	height:35px;
}

.espacio_aspectos {
	background:url(../imagenes/aspectos.jpg) no-repeat;
	margin:0px;
	margin-top:10px;
	padding:0px;
	height:35px;
}
Saludos...

Última edición por Smoopy; 13/07/2006 a las 08:39 Razón: Anexo del codigo...