Ayuda con barra infeior...!!!!

Hola a todos!

Quisiera saber como hacer un barra o publicidad como esta ( imagen estatica de abajo) http://www.thebeatlesrockband.com/, como puede ver la barra o imagen esta siempre quieta, asi mueva el scroll la imagen no sube o baja..como hago esto?

un amigo me dijo que es con iframes, eh intentado pero no entiendo mucho...

gracias!!

perdon, el link creo qeu no srivio..aca dejo el qeu sirve
http://www.thebeatlesrockband.com/game

gracias

Los iframes ya no se usan, en la página que mencionas solo usan un div al final del código y lo posicionan con CSS, por ejemplo, si tu div le pones el id footer, solo tienes que aplicarle el estilo así:

Código :

div#footer {
   position: fixed;
   bottom:0;
   left:0;
   width:100%;
}

Es decir, haces que su posición sea "fixed" y que no esté separada del lado izquierdo ni de abajo, y para que abarque todo el espacio le estableces un ancho del 100%

Gracias por la respuesta:
intente lo que me dijiste pero aun sigo con inconvenientes, mira: tengo una imagen la cual es la barra, de 1680px X 50px. Coloque el codigo que me dijiste y funciona, pero al probarlo aparece al final de la pagina..es decir bajar el scroll para poderlo ver...lo que quisiera es que siempre salga a la vista en al parte inferior igual que la pagina que envie de ejemplo...cuando yo baje el scroll la barra se quede siempre visible y quieta.

mira,
en el HTML tengo:
<div id="footer b">
<p><img src="images/barra_inferior.jpg" width="1600" height="50" /></p>
</div>

en el CSS, estilo tengo:
div#footer b {
position: fixed;
bottom:0;
left:0;
width:100%;
}

tambien la barra deja un esapcio en al derecha que no se porque sale y descuadra la cinta superior derecha..
que estoy haciendo mal?.. dejo el link del ejemplo...para ser mas claros...

http://jucaru.net/lab/

gracias por la ayuda Ray!!!!

Prueba usando otro id sin espacios (por ej. footer_b)

Lo del espacio a la derecha puede deberse a que usas una imagen muy larga, deberías de usar una que se repita.

Prueba usando solo esto en el HTML:

Código HTML :

<div id="footer_b">
</div>

Y esto en la CSS:

Código :

div#footer_b {
      background: url(images/barra_inferior.jpg) repeat-x;
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%; height: 50px;
}

Y usa esta imágen:


A ver que tal te funciona ahora

WOW!!!!!!!!!!!!!!!!!!!!!

graciassss...sirve perfecto!!!!!!!

muchisimas gracias Ray!!!

De nada!