Footer 100%... Mais pas le bloc Reinsurance

[FélixTLH]

Bonjour à tous.
J'ai réussi à modifier le footer pour qu'il recouvre tout le pied de page.
Cependant, j'aurais aimé que le block "reinsurance" (gris, avec les petites images), couvre lui aussi 100% de l'écran.
Sur l'image, j'ai encadré en rouge mon objectif.
Merci d'avance !

[customcode Baptiste]

Bonjour

 

Modifiez dans le css du module, la largeur de celui-ci à 100%

[FélixTLH]

D'abord, merci d'avoir répondu !
Mais rien ne se passe... Je ne vois pas où l'insérer, et même après avoir essayé des "width:100%;" partout, je n'ai aucun résultat.

Edit : J'ai pensé que peut-être, je pourrais sortir le block reinsurance du footer...?
Voici le CSS en question :
 

/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background:url(../blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}
#reinsurance_block li {
    float:left;
    padding:15px 10px !important;
    font-size:13px;
    color:#333;
    text-transform:uppercase;
    text-shadow:0 1px 0 #fff;
    
    
}
#reinsurance_block .width1 li {width:960px}
#reinsurance_block .width2 li {width:470px}
#reinsurance_block .width3 li {width:305px}
#reinsurance_block .width4 li {width:224px}
#reinsurance_block .width5 li {width:175px}
#reinsurance_block li img{
    float:left;
    margin-right:10px;
}
#reinsurance_block li span {
    float:left;
    padding-top:12px;
    width:65%;
}

 

Une idée ?

Edited February 11, 2014 by FélixTLH (see edit history)

[FélixTLH]

Quelqu'un...?

[joh59]

Hello !

J'ai actuellement le même problème que toi... As-tu pu trouvé une solution ? Je cherche depuis plusieurs jours déjà... Merci et bonne journée

[mademoisellepolish]

Bonjour!

 

Je pense bien qu'il faut sortir le footer.

 

Pour ça il faut aller dans le footer.tpl et tu dois remplacer ce code:

 

<!-- Right -->

                <div id="right_column" class="column grid_2 omega">

                    {$HOOK_RIGHT_COLUMN}

                </div>

            </div>

 

<!-- Footer -->

            <div id="footer" class="grid_9 alpha omega clearfix">

                {$HOOK_FOOTER}

                {if $PS_ALLOW_MOBILE_DEVICE}

                    <p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>

                {/if}

            </div>

        </div>

 

 

Par celui-ci:

 

<!-- Right -->

                <div id="right_column" class="column grid_2 omega">

                    {$HOOK_RIGHT_COLUMN}

                </div>

            </div>

        </div>

<!-- Footer -->

            <div id="footer" class="grid_9 alpha omega clearfix">

                {$HOOK_FOOTER}

                {if $PS_ALLOW_MOBILE_DEVICE}

                    <p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>

                {/if}

            </div>

 

Ensuite dans le global css vers la ligne 45 tu dois avoir #page avec le header, columns et footer. Je te conseille de mettre ça pour le footer:

 

#footer {width: 100%; margin: 20px; margin-left: 0px}

 

Je ne suis pas très douée mais je pense que ça devrait marcher!