Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/02/2006, 10:03
Avatar de KarlanKas
KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses
Puntos: 61
lista a la izquierda. contenido a la derecha.float:right no va en Firefox

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!
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.