Hola tistklehoff:
Se me hace imposible entenderte, más aún con el html sucio que pasas, (tomalo a bien).
Te responderé a grandes rasgos con lo que pueda:
Las imagenes de fondo se declaran preferentemente en <style></style> por ejemplo:
#columna_con_fondo {
background-image:url/de/tu/imagen;
background-repeat:valor;
background-position:valor;
top:;
left:;
right:;
bottom:;
}
(en body) <div id="columna_con_fondo">Aqui el contenido de tu columna</div>
Esto te puede ser util:
http://www.librosweb.es/referencia/c...-position.html
para lograr que te aparezca una barra de scroll debes dar al div en cuestion:
#div_en_cuestion {
overflow:auto;
width:/*aqui el ancho que desees, cuando este se desborde aparecera la barra de scroll*/;
height:/*aqui el alto que desees, cuando este se desborde aparecera la barra de scroll*/;
}
Pero overflow tambien puede tomar otros valores, miralo aquí:
http://www.librosweb.es/referencia/css/overflow.html
Aqui tienes buenos ejemplos, aportados por mikmoro, de trabajo con fondo:
http://www.araudi.net/ejemplos/fondo_elastico.html http://www.araudi.net/ejemplos/fondo_elastico2.html http://www.araudi.net/ejemplos/fondo_fijo_IE.html
Tambien encontraras en araudi.net ejemplos de maquetacion a dos columnas.
Espero haberte ayudado. Cualquier cosa estamos por el foro
Saludos!