Hola,
como extensión de mi tema
http://www.forosdelweb.com/f53/rueda...pagina-743639/ vuelvo a la carga porque quiero hacer el código más simple pero que funcione.
En
esta página hay un ejemplo que no logro repetir en
esta otra. Si os fijais la imagen de fondo se ve cortada por abajo. La imagen de fondo es:
http://www.mybidic.es/shop/images/fondopalmeras.jpg
El código insertado es:
[CODE="CSS"]
* {margin:0; padding:0;}
html, body {
width:100%;
height:100%;
overflow:hidden;
}
#todo{
width:100%;
height:100%;
color: #f00;
overflow: auto;
background: url(../images/fondopalmeras.jpg) no-repeat top left;
}
#container {
margin: 0px auto;
width:800px;
height:833px;
margin-bottom:200px;
/* background-color:#000000; */
}
#interior {
position: relative;
border:solid 1px #777;
width:800px;
height:100px;
background-color:#2d2d2d;
}
[/CODE]
Y en la página tengo esto:
[CODE="HTML"]
<body id="interior" class="interior">
<div id="todo">
<div id="container">
<link href="css/shop.css" rel="stylesheet" type="text/css" />
<div id="contenido">
...
[/CODE]
¿Podría alguien ayudarme a dejar la foto de fondo completamente ajustada a todos los márgenes?
Muchas gracias de antemano.
P.D.: Supongo que habreis notado que salta un aviso de malware insertado en el código de esta página. Espero que lo elimineis pronto. A mí me pasó hace un par de meses y tuve que limpiar todos los archivos y cambiar la contraseña del FTP.