Foros del Web » Creando para Internet » CSS »

Problema de posicionamiento de varios divs dentro de un div contenedor

Estas en el tema de Problema de posicionamiento de varios divs dentro de un div contenedor en el foro de CSS en Foros del Web. Hola a todos He leído bastantes posts de como posicionar varios divs dentro de un div contenedor. Por lo que he entendido el div contenedor ...
  #1 (permalink)  
Antiguo 20/02/2013, 08:02
 
Fecha de Ingreso: febrero-2013
Mensajes: 2
Antigüedad: 11 años, 2 meses
Puntos: 0
Problema de posicionamiento de varios divs dentro de un div contenedor

Hola a todos

He leído bastantes posts de como posicionar varios divs dentro de un div contenedor. Por lo que he entendido el div contenedor ha de estar en position relative y para posicionar los divs dentro de él han de estar en position:absolute y posicionarlos con: top, left...

He seguido este camino pero no se me visualiza correctamente.
El elemento contenedor tiene un width y un height del 100% y position relative.
Dentro del contenedor tengo 8 divs cada uno con su altura y anchura y position absolute, y dando su posición con top y left. Si hago esto desaparece el div contenedor y los 8 divs se hacen muy pequeños y no se muestran bien.

[URL=http://imageshack.us/photo/my-images/441/absolutey.jpg/][IMG]http://img441.imageshack.us/img441/7267/absolutey.jpg[/IMG][/URL]

He estado haciendo pruebas y poniendo position relative a tres divs (menú armas, div con texto"Subfusiles" y div parte inferior derecha) y jugando con margins he conseguido situar los divs en el lugar desado.

Resultado final:
[URL=http://imageshack.us/photo/my-images/248/correcto.jpg/][IMG]http://img248.imageshack.us/img248/3862/correcto.jpg[/IMG][/URL]


Ahora el problema es que con el chrome se ve correcto y con firefox no

Vista en Firefox:
[URL=http://imageshack.us/photo/my-images/849/firefoxx.jpg/][IMG]http://img849.imageshack.us/img849/6163/firefoxx.jpg[/IMG][/URL]

Alguien podría guiarme para solucionarlo??

Saludos
  #2 (permalink)  
Antiguo 21/02/2013, 07:09
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Problema de posicionamiento de varios divs dentro de un div contenedor

Cita:
Iniciado por alfpuy Ver Mensaje
He leído bastantes posts de como posicionar varios divs dentro de un div contenedor. Por lo que he entendido el div contenedor ha de estar en position relative y para posicionar los divs dentro de él han de estar en position:absolute y posicionarlos con: top, left...

He seguido este camino pero no se me visualiza correctamente.
Posicionar de forma absoluta se hace en casos muy concretos, no sirve para estructurar. Y no sirve porque cuando lo haces pueden ocurrir cosas extrañas. Date cuenta que con posición absoluta sacas el contenido del flujo natural.

Para estructurar, aprende mejor a usar elementos flotados.

Tu duda es más para el foro de CSS.
  #3 (permalink)  
Antiguo 21/02/2013, 10:12
 
Fecha de Ingreso: febrero-2013
Mensajes: 2
Antigüedad: 11 años, 2 meses
Puntos: 0
Respuesta: Problema de posicionamiento de varios divs dentro de un div contenedor

Muchas gracias por la respuesta.
Tienes razón con lo que pueden pasar cosas extrañas. Me he vuelto loco haciendo mil pruebas.
Seguiré tu consejo y voy a informarme de como hacer la estructura con elementos flotantes.

Disculpa por no escribir el post en el foro de css. Es la primera vez que escribía y no me enteré muy bien donde lo publicaba.

Etiquetas: diseño-web
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 07:47.