Bueno mientras me ayuda alguien he estado, intentando arreglar el tema, he credo un div con 3 sub divs, para poder dividir el dibujo en 3 partes, pero me encuentro con el problema en que no lo puedo centrar ni poner encima de todo. os pongo como queda
el dibujo esta cuadrado dentro del Div, ahora lo quiero poner como en los ejemplos de arriba, pero no lo consigo, se me queda ahi, no se centra, no se pone en primer plano sobre todo, Etc... cuando lo hago con un imgen y div sencillo si me pasa, pero si imito los datos en el div principal no sucede nada. pongo elcodigo
Index.php
Código HTML:
<div id="apDiv1">
<div id="gat1"></div>
<div id="gat2"></div>
<div id="gat3"></div>
</div>
Style.css
Código HTML:
/* begin gat*/
#apDiv1 {
background-position:center center;
position:fixed;
width:1806px;
height:600px;
z-index:5;
}
#gat1 {
background-image: url('images/gat12.png');
background-repeat:no-repeat;
position:absolute;
left:2px;
top:361px;
width:552px;
height:252px;
z-index:1;
}
#gat2 {
background-image: url('images/gat22.png');
background-repeat:no-repeat;
position:absolute;
left:553px;
top:421px;
width:705px;
height:180px;
z-index:0;
}
#gat3 {
background-image: url('images/gat3.png');
background-repeat:no-repeat;
position:absolute;
left:1256px;
top:1px;
width:549px;
height:600px;
z-index:1;
}
/* end Gat */