20/02/2013, 08:02
|
| | 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 |