footer css

#footer {
    background:url('http://ekladata.com/UlM7AAjkz3Mxv-_evAy25x6k0eU/pdp-fond.png') center top no-repeat;
    height: 229px;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    color: #333;
}

/*derniers visiteurs*/

.module_menu_type_lastvisitors{
    position: absolute;
    bottom: 0px;
    margin-left: -980px;
    width: 285px;
    margin-bottom: 7px;
}

/*module partenaire*/

#module_menu142755420 {
    position: absolute;
    bottom: 0px;
    margin-left: -668px;
    width: 675px;
    height: 200px;
    margin-bottom: 15px;
}

En gros, la technique c'est que j'utilise mon footer comme module de fond, de lui donne la taille que je veux, le fond et tout. Ensuite je place mes modules en position: absolute, je les place en bottom: 0px pour les coller bas. Une fois en bas, je joue avec les margin pour les déplacer depuis leur position de départ. (Si on les met à left: 10px peut-importe les largeur d'écran le module sera toujours à 20px du bord gauche, et c'est pas pratique du tout! Si tu joues avec les margins il aura la bonne position sur l'écran pour tout les écrans et toutes les largeurs!)

Si je leur rajoute margin-bottom: Xpx, ça le déplacerait vers le haut, margin-left: Xpx vers la droite et margin-left: -Xpx vers la gauche.

C'est comme ça que je place mes modules un peu où je veux sur les blogs en général!