Foros del Web » Creando para Internet » CSS »

Flotar 3 div izq, centro y derecha¿?

Estas en el tema de Flotar 3 div izq, centro y derecha¿? en el foro de CSS en Foros del Web. Hola a todos: Tengo 3 div que quiero flotar uno a la izquierda, otro en el centro y otro en la derecha. La cosa es ...
  #1 (permalink)  
Antiguo 10/12/2010, 15:40
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 4
Flotar 3 div izq, centro y derecha¿?

Hola a todos:
Tengo 3 div que quiero flotar uno a la izquierda, otro en el centro y otro en la derecha.
La cosa es que lo mejor que he logrado es que el del centro se me pegue demasiado a al de la derecha (lo cual pedo solucionar aumentando el margen derecho) en IE pero en FF ni si quiera eso.

Aquí les pongo el código para que analizen a ver si detectan el error o si tienen alguna sugerencia de como hacerlo mejor.
floatando a la derecha

Código HTML:
#Flotanchof3D{
	float:right;
	width:235px;
	border:solid 1px #00A99F;
	margin-bottom:8px;
	
}

flotando al medio
#Flotanchof3M{
	float:right;
	width:235px;
	border:solid 1px #00A99F;
	margin-bottom:8px;
	clear:left;
    }

Flotando a la izquierda
#Flotanchof3I{
	float:left;
	border:solid 1px #00A99F;
	width:235px;
	margin-bottom:8px;
	}
Saludos, ha! siempre que pregunto es porque ya me duele la cabeza de hacer pruebas.
Al tanto del tema...
  #2 (permalink)  
Antiguo 10/12/2010, 16:10
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: Flotar 3 div izq, centro y derecha¿?

Esos 3 divs, metelos dentros de un div contenedor y a este div contenedor asignale el ancho (WIDTH)

En este caso 235 + 235 +235 = 705px

Ahora precisa con porcentaje (%) los 3 divs Hijos.

El primero flotalo a la izq, el segundo a la izq y el tercero a la der.


Listo, el primero y terceros estan acomodados, pero gracias al segundo, esto es un despapaye, y para que queden relativamente en linea el primeor y el sehundo, los hemos flotado ambos a la izquierda, ahora solo queda darle el index de posicion, con z-index:1


Código CSS:
Ver original
  1. div #Container {
  2. width:705px;
  3. }
  4.  
  5. div #number1 {
  6. width: 33.3%;
  7. float:left;
  8. z-index:1;
  9. }
  10.  
  11. div #number2 {
  12. width: 33.3%;
  13. float:left;
  14. }
  15.  
  16. div #number3 {
  17. width: 33.3%;
  18. float:right;
  19. }

Saludos
  #3 (permalink)  
Antiguo 11/12/2010, 22:05
Avatar de bex
bex
Colaborador
 
Fecha de Ingreso: julio-2003
Ubicación: Buenos Aires
Mensajes: 2.484
Antigüedad: 14 años, 4 meses
Puntos: 34
Respuesta: Flotar 3 div izq, centro y derecha¿?

Estoy de acuerdo con Portgaz, pero no entendí para qué el z-index.
También podrías flotarlos todos hacia el mismo lado, ya sea derecha o izquierda.
  #4 (permalink)  
Antiguo 15/12/2010, 03:18
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Flotar 3 div izq, centro y derecha¿?

Hola:

Échale un vistazo al código de este ejemplo.

Saludos.


Etiquetas: centro, derecha
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 12:29.