Foros del Web » Creando para Internet » CSS »

ayuda con float left en IE

Estas en el tema de ayuda con float left en IE en el foro de CSS en Foros del Web. Hola. Soy nueva en el foro y novata en el css me estoy volviendo completamente loca. Tenía un codigo mas o menos limpio y funcionaba ...
  #1 (permalink)  
Antiguo 28/01/2008, 15:36
 
Fecha de Ingreso: enero-2008
Mensajes: 7
Antigüedad: 9 años, 10 meses
Puntos: 0
ayuda con float left en IE

Hola. Soy nueva en el foro y novata en el css
me estoy volviendo completamente loca.
Tenía un codigo mas o menos limpio y funcionaba perfecto en ff, pero lo probé en IE y era un desastre.
Buscando terminé por meterle un montón delineas de más y mas o menos se arregló.
Pero tengo una barra de navegación con float left que en IE no flota.

Ya intenté con display:inline; pero sigue estando debajo del bloque de navegación :(
alguna idea?

gracias
  #2 (permalink)  
Antiguo 28/01/2008, 16:42
 
Fecha de Ingreso: enero-2008
Mensajes: 7
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: ayuda con float left en IE

copio un trozo del codigo... tal vez ayude porque soy mala explicando

Cita:
#bloqueNavegacion { float:left; background:transparent; margin:0; padding:0; width:145px; display:inline; }

#navbar { margin:0; padding:0; color:#660000; list-style-type:none; }
#navbar li { padding:0 0 20px 0; width:145px; height:53px; }

#empresa a { display:block; height:53px; background:url(media/nav_empresa.gif) no-repeat; }
#productos a { display:block; height:53px; background:url(media/nav_tecno.gif) no-repeat; }
#item3 a { display:block; height:53px; background:url(media/nav_div.gif) no-repeat; }
#item4 a { display:block; height:53px; background:url(media/nav_cont.gif) no-repeat; }

#navbar li a span { display:none; }

#empresa a:hover { display:block; background:url(media/nav_empresa_on.gif) no-repeat;}
#productos a:hover { display:block; background:url(media/nav_tecno_on.gif) no-repeat; }
#item3 a:hover { display:block; background:url(media/nav_div_on.gif) no-repeat; }
#item4 a:hover { display:block; background:url(media/nav_cont_on.gif) no-repeat; }

#contenido { width:797px; margin-left:135px; background:url(media/fondo2px.jpg); padding:1px 0; }
#contenido p { width:350px; position:relative; left:60px; text-align:justify; }
y el html es este:

Cita:
<div id="bloqueNavegacion">
<ul id="navbar">
<li id="empresa"><a href=""><span>empresa</span></a></li>
<li id="productos"><a href=""><span>productos</span></a></li>
<li id="item3"><a href=""><span>item3</span></a></li>
<li id="item4"><a href=""><span>item4</span></a></li>
</ul>
</div>

<div id="contenido">
<p>aqui va el contenido
</p>
</div>
en ff consigo que flote, pero en IE no. El contenido queda debajo de el div de navegación...
  #3 (permalink)  
Antiguo 28/01/2008, 20:15
Avatar de micky_tm  
Fecha de Ingreso: enero-2008
Ubicación: Cochabamba - BOLIVIA
Mensajes: 9
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: ayuda con float left en IE

trata usando {
position:absolute;
left:coordenadas en px;
top:coordenadas en px;
}
y le das las coordenadas de donde quieres que este
  #4 (permalink)  
Antiguo 29/01/2008, 01:40
 
Fecha de Ingreso: enero-2008
Mensajes: 7
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: ayuda con float left en IE

lo he intentado con position:relative, porque la pagina la tengo centrada

Si posiciono absoluto esa columna quedara anclada, no?
lo intentaré de todas formas
  #5 (permalink)  
Antiguo 29/01/2008, 03:11
 
Fecha de Ingreso: enero-2008
Mensajes: 7
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: ayuda con float left en IE

buscando (desesperadamente) di con una respuesta. Al menos parece funcionar.
El contenido tiene un width (o height da lo mismo) especificado y eso a IE no le gusta. Asi que en lugar de deslizarse al lado del elemento flotante se pone debajo.

Eliminé el ancho del div que esta directamente "en contacto" con mi menu flotante y voilá...
o eso creo. Ya veré cuando lo tenga todo terminado si no me hace alguna cosa rara XD

Última edición por nimraithkar; 29/01/2008 a las 03:11 Razón: error de dedo
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 21:11.