que tal amigos tengo un problema con un blog que estoy desarrollando el problema es el siguiente, yo tengo un css adonde defino la imagen de fondo del body , adonde además le doy una posición y un tamaño fijo pero no me lo respeta, depende las resoluciones o si tiene mas agrandado la letra o mas alejado la imagen de fondo se achica y no respeta que tape toda la parte de atrás :(
Espero una ayuda y muchas gracias.
Este es mi css:
Prueben entren a mi blog:
www.brianstanley.com.ar y haganle un acercamiento de pantalla
Código PHP:
BODY{
background: url("fondo.png"); height: 100%; width: 100%;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
font-family:arial;
position: absolute;left: 0%; right: 0%;
}
HR{
border: 1;
width: 80%;
color:#E6E6E6;
}
#desarrollo{
position: absolute; top: 23.5%; left: 22.3%;
width: 70%;
//height: 600%;
overflow:scroll-x;
//min-height: 400px;
//border: transparent;
border-bottom-color: red;
background-color: transparent;
/*background: url("fondo.png");
background-repeat: no-repeat;
background-position: top center;
*/
}
.izquierda{
//border-right: 1px solid black;
width: 17%;
height: auto;
position: absolute; top: 23.5%; left: 5%;
}
.atrasizq{
//border-right: 1px solid black;
width: 17%;
height: 80%;
position: absolute; top: 23.5%; left: 5%;
}
.clearing{
clear:both;
}
.header{
position: absolute; top: 1%; left: 5%;
border: 1px solid #d0d0d0;
border-bottom-color: #EFF5FB;
border-left-color: #EFF5FB;
width: 87%;
height: 16%;
}
#header2{ position: absolute; top: 17%; left: 5%;
width: 87%;
height: 6%;
border: 1px solid black;
border: 1px solid #d0d0d0;
}
#siguiente{
position: absolute; top: 112%; left: 50%;
}
#atras{
position: absolute; top: 115.5%; left: 39.5%;
}
#footer{
position: absolute; top: 95%;
}