Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/02/2013, 08:02
alfpuy
 
Fecha de Ingreso: febrero-2013
Mensajes: 2
Antigüedad: 11 años, 9 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