Foros del Web » Creando para Internet » CSS »

Problema con listas en Float entre IE y Firefox

Estas en el tema de Problema con listas en Float entre IE y Firefox en el foro de CSS en Foros del Web. Hola a todos, no consigo solucionar el problema que tengo. Tengo una lista dividida en dos divs, una con float right y otra con float ...
  #1 (permalink)  
Antiguo 12/10/2007, 12:16
 
Fecha de Ingreso: octubre-2007
Mensajes: 4
Antigüedad: 10 años, 2 meses
Puntos: 0
Problema con listas en Float entre IE y Firefox

Hola a todos, no consigo solucionar el problema que tengo.
Tengo una lista dividida en dos divs, una con float right y otra con float left, dentro de un div contenedor.
El problema es que Firefox no desplaza hacia abajo el div contenedor (en la deccion INICIO), mientras que IE si lo hace.

En la hoja de estilo tengo:

div#content {
position:relative;
background-color:#FFFFFF;
width:780px;
left:0;
top:-40px;
z-index:0;
padding:40px 0px 20px 0px;
}

div#lateralI {
width:50%;
float:left;

}

div#lateralD {
width:50%;
float:right
}



En el Html :

<div id="content">

<div id="lateralI">

<ul class="bullets2">

<li id="listacomun">Marcopolo</li>

<li id="listacomun">Laboratorios Roemmers</li>

<li id="listacomun">Hidromet SA</li>

<li id="listacomun">Meditecna</li>

<li id="listacomun">Tecna</li>

<li id="listacomun">Grupo Sur (Volkswagen)</li>

<li id="listacomun">Amstrong </li>

<li id="listacomun">Pol-Ka Producciones </li>

<li id="listacomun">Preven-Arc </li>

<li id="listacomun">Laboratorios Montpellier</li>

<li id="listacomun">MTS Group</li>

<li id="listacomun">Schüco </li>

<li id="listacomun">Endemol Argentina</li>

<li id="listacomun">Lo-Jack</li>

</ul>

</div>


<div id="lateralD">

<ul class="bullets2">

<li id="listacomun">la embajada de Bélgica</li>

<li id="listacomun">Quinta Los Ceibos </li>

<li id="listacomun">Estancia San Ceferino</li>

<li id="listacomun">Estancia La Suiza </li>

<li id="listacomun">Chacra El Rancho </li>

<li id="listacomun">Asociación de Escuelas Lincoln</li>

<li id="listacomun">Escuela Argentina Modelo</li>

<li id="listacomun">Drink Catering </li>

<li id="listacomun">Outlet Bar</li>

<li id="listacomun">Hotel Faena</li>

<li id="listacomun">Hotel Alvear </li>

<li id="listacomun">Eat Catering </li>

<li id="listacomun">Alfredo Schuster</li>

<li id="listacomun">Marta Chab </li>

</ul>

</div>

</div>


Les dejo el link para que lo vean si pueden:

http://www.uniweb.cl/jose.gutierrez


Muchas gracias anticipadamente
  #2 (permalink)  
Antiguo 12/10/2007, 13:54
Avatar de marce_str  
Fecha de Ingreso: septiembre-2006
Ubicación: La Plata, Argentina
Mensajes: 203
Antigüedad: 11 años, 2 meses
Puntos: 1
Re: Problema con listas en Float entre IE y Firefox

Veo que lo solucionaste pero te lo explico igual

En Firefox ocurre que los elementos flotantes no influyen en el flujo del contenido, es decir, no rellenan, por lo que hay que colocar un elemento que despeje todo. Generalmente se le llama "clearfix" aunque le podes poner cualquier nombre, como limpia, despeja, estira... :p

.clearfix {clear:both;}


y en el html, después de los elementos que tengan float poné
<div class="clearfix"></div>

con esto alcanza


Aprende a crear siempre esa clase para reutilizarla siempre, ya que puedes necesitarla varias veces en muchos proyectos.

Saludos!
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 14:58.