Bueno ya lo solucine, lo pongo aqui por si a alguien le puede hacer falta, para poner en sus Webs, themes lo que sea, una imagen sobre todo.
basicamente cree 3 divs en index.php
Código HTML:
<div id="gat1"></div>
<div id="gat2"></div>
<div id="gat3"></div>
Y en el Style.css
Código HTML:
#gat1 {
background-image: url('images/gat12.png');
background-position:center center;
background-repeat:no-repeat;
bottom:0;
height:268px;
left:50%;
margin-left:-801px;
margin-top:-264px;
position:fixed;
top:100%;
width:447px;
z-index:5;
}
#gat2 {
background-image: url('images/gat22.png');
background-position:center center;
background-repeat:no-repeat;
bottom:0;
height:135px;
left:50%;
margin-left:-354px;
margin-top:-135px;
position:fixed;
top:100%;
width:700px;
z-index:5;
}
#gat3 {
background-image:url("images/gat3.png");
background-position:center center;
background-repeat:no-repeat;
bottom:0;
height:600px;
left:50%;
margin-left:346px;
margin-top:-589px;
position:fixed;
top:100%;
width:549px;
z-index:5;
}
tienes que dejar el atributo Top y Left en % y luego ajustarlo con margin-top y margin left, si no. cada vez que cambies de resolucion todo se movera de sitio, otro problem es que si en Width y height, no pones el tamaño exacto en pixeles, el Div se hace muy grande ((aunque lo que tengas dentro no)) y tapa lo que tenga debajo como links y cosas asi.
En fin ahora a darme de cabezasos contra otras cosas.. saludos