lista a la izquierda. contenido a la derecha.float:right no va en Firefox

KarlanKas · #1 (**permalink**) 20/02/2006, 10:03

Hola a Todos!

Tengo el siguiente código:

Código:

<html>
<head>
<title>Untitled</title>
</head>

<body>
<div>
<ul style="
position:relative;
float:left;
padding-right:10px;
margin-left:0px;
border-right:solid 1px black;">
<li>Ererere 1</li>
<li>Ererere 2</li>
<li>Ererere 3</li>
<li>Ererere 4</li>
</ul>
<div style="
padding-left:10px;
position:relative;
float:right">
El perro de Roque
 no tiene Rabo porque
 Ramón Rodríguez se lo ha robado.
 El perro de Roque no tiene Rabo porque 
Ramón Rodríguez se lo ha robado. El perro 
de Roque no tiene Rabo porque Ramón
 Rodríguez se lo ha rob
ado. El perro de Roque no tiene Rabo p
orque Ramón Rodríguez se lo ha robado. El perro de 
Roque no tiene Rabo
 porque Ramón Rodríguez se lo ha robado. </div>
</div>
</body>
</html>

El cual sale como quiero en el IE pero en Firefox sale mal (seguramente en firefox sea donde sale bien, pero quiero que quede como sale en IE) y no sé como arreglarlo. En el zorrillo sale la capa debajo de la lista, cuando en realidad quiero que salga a la derecha de la misma.

¿Alguien me explica cómo hacer para que la capa de texto quede a la derecha de la lista (y no debajo como hasta ahora)?

Muchas gracias!

JavierB · #2 (**permalink**) 20/02/2006, 11:16

Hola KarlanKas

Si pones así el <div> se acerca algo a lo que buscar, aunque no se ve exactamente igual en IE y FF:

Código:

<div style="
padding-left:10px;">

Saludos,

KarlanKas · #3 (**permalink**) 20/02/2006, 11:33

Hola Javier! ¿Qué tal estamos?

Muchas gracias por tu respuesta. Está muy bien, realmente no me importaría la pequeña diferencia entre IE y FF. Sin embargo hay un pequeño fallo: si el texto de la derecha sobrepasa la lista de la izquierda, se posiciona debajo de la misma y me gustaría que dejara ese espacio libre.

Según he leido es necesario indicar la anchura de la capa (o del elemento flotante) ya que si no los resultados pueden ser impredecibles. Como el ancho de la lista también es impredecible es dificil determinar una anchura sin que quede mal en determinados casos.

A Dios gracias el cliente sólo usa IE, pero no me parece muy profesional. Si a alguien se le ocurre alguna solución le estaré eternamente agradecido. No quiero usar tablas, porque como se entere tunait me pega (

). hay que cabalgar sobre el futuro, no dejarse arrastrar por él.

Saludos!!