Hola Samuel
Por el final:
Para que la 'sombra' te llegue hasta los bordes dcho e izq (lo que señalas con la flecha) quítale a #bannerscan el
|| "padding:0 5px;" || le estás indicando que deje esos 5 px tanto a izq como a dcha.
Los px blancos a los que me refería están en la imagen que tienes como banner, justo en la esquina inferior derecha, debajo del gato.
Y sí, es algo grande esa imagen (de alto). Date cuenta que en una resolución de 800x600, si descuentas las barras de navegación y demás espacio ocupado por el navegador, con suerte te quedan 500px para ver la página, y tu imagen es más del 50% de ese espacio libre.
Para que no se te superponga el gato al degradado de abajo (sobre #scanlines) coloca esto:
Código:
en el .css:
.clear {
clear: both;
}
(vale, esto ya lo tienes en style.css)
Y en el html:
<div id="banner">
....
</div>
<div class="Clear">
</div>
<div id="scanlines">
....
</div>
Sobre la primera consulta:
#bannerscan #banner {
padding:
0px 0;
height:
270px;
text-align:center;
}
el valor 0 (cero) no necesita unidades, el cero es cero, sean mm, px, peras o gatitos... ;), así que deja sólo || padding:0; ||
Abro paréntesis:
Si reseteas el css al inicio del archivo no necesitarías indicar para cada elemento que los border y padding sean 0.
Cierro paréntesis.
Y el porqué || text-aling: center; || lo centra en la horizontal, piensa en cualquier procesador de texto cuando alineas a la dch, izq, justificas...
Bueno, espero haberte ayudado en algo.
Un saludo