Buenas Gente, estoy haciendo un Theme para wordpress para un proyecto final de curso. y tengo un problema. jejeje
En principio este es el boceto de la web
Como veis lo de abajo es un Div, que ocupara lo de la linea Roja, y siempre estara ahi, digamos que te acompaña por la web, es un gato que vive en una azotea y que mira al horizonte, como si estuviera leyendo la web contigo ((pajas mentales varias))
el problema es que todo lo que esta abajo de esa linea roja, es intocable ((enlaces Etc)), en una resolucion de 1024 practicamente deja la pagina que no puedes presionar nada.
entonces probe a hacer esto:
aunque ahi lo paresca ((es un montaje rapido)) el dibujo nunca toca lo que es la pagina, quitando de lo que seria el div Central pero solo son unos 15 pix de alto, vamos que no molesta, pero el problema es que intentandolo hacer asi, las imagenes van para donde quieren, no consigo que se quede igual que en el dibujo ((se montan encima una de otras)) y para colmo tengo miedo de que al ampliar la resolucion pues se "desmiembre el dibujo y no quede bien)) que coñe puedo hacer? el codigo aun sin terminar vendria a ser algo asi:
Index.php
Código HTML:
<div id="gat1">
</div>
<div id="gat2">
</div>
<div id="gat3">
</div>
Style.css
Código HTML:
/* begin gat*/
#gat1 {
background-image:url("images/gat1.jpg");
background-position:bottom left;
background-repeat:no-repeat;
bottom:0;
height:552px;
position:fixed;
width:100%;
z-index:5;
}
#gat2 {
background-image:url("images/gat2.png");
background-position:bottom center;
background-repeat:no-repeat;
bottom:0;
height:700px;
position:fixed;
width:100%;
z-index:5;
}
#gat3 {
background-image:url("images/gat3.png");
background-position:right center;
background-repeat:no-repeat;
bottom:0;
height:552px;
position:fixed;
width:500px;
z-index:5;
}
/* end Gat */
En fin, teneis idea de como solucionarlo? sin tener que pensar en cambiar el diseño de esa parte?