Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de lista a la izquierda. contenido a la derecha.float:right no va en Firefox en el foro de CSS en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 20/02/2006, 10:03
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 16 años
Puntos: 60
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.
  #2 (permalink)  
Antiguo 20/02/2006, 11:16
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
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,
  #3 (permalink)  
Antiguo 20/02/2006, 11:33
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 16 años
Puntos: 60
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!!
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
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 11:58.