Ver Mensaje Individual
  #2 (permalink)  
Antiguo 28/01/2008, 16:42
nimraithkar
 
Fecha de Ingreso: enero-2008
Mensajes: 7
Antigüedad: 16 años, 2 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...