[RÉGLÉ] Élargir le footer

[benjinight]

Bonjour à tous,

Après beaucoup d'essai, je viens poster, car je n'arrive pas à élargir le footer de mon site

Le template est sur la base de beez2.
Je suis en joomla 2.5.

Merci d'avance

Cordialement.

[teletoy]

Re : Élargir le footer

Salut,
Ton footer correspond certainement à la partie grise en bas de ton site.
Enfin c'est comme ça que le template Beez_20 le nomme.

Dans le dossier du template beez_20, dossier CSS, il faut que tu modifie la ligne 1407 du fichier layout.css.
Principalement la valeur de max-width qui est à 1024px alors que le corps principal de ta page est 1300 px.
Ensuite, il faut mettre comme valeur à padding : 15px 0
Et ton footer viendra s'ajuster parfaitement.

Bonne journée

[jisse03]

Re : Élargir le footer

Bonjour,

Pourquoi forcer un corps à 1300px alors que de plus en plus d'utilisateurs avec tablette ou netbook n'ont que 1024px de largeur d'écran ?

[tataye]

Re : Élargir le footer

même avis que jisse, ton site n'est plus responsive, alors que le contenu le reste

[benjinight]

Re : Élargir le footer

Merci beaucoup de vos réponses.

Effectivement, je n'ai pas pensé à cela.
Existe-il une commande pour forcer la largeur à s'appliquer à la largeur du navigateur utilisé ? Et est-ce une bonne idée de faire cela ?

Merci d'avance.

Cordialement.

[teletoy]

Re : Élargir le footer

Alors prenons le problème dans l'autre sens.
Ton footer est de la bonne dimension. Il faut que tu donne comme valeur à ton documents en max-width:1024px.
Dans le fichier ci dessous,

http://www.engineering.eilco-ulco.fr/templates/beez_20/css/position.css

Mettre la valeur max-width:1024px

Dans les modifs que j'ai cité précédemment, tu ne modifie que le padding.

Pense à redimensionner ton header.

[benjinight]

Re : Élargir le footer

Alors prenons le problème dans l'autre sens.
Ton footer est de la bonne dimension. Il faut que tu donne comme valeur à ton documents en max-width:1024px.
Dans le fichier ci dessous,

http://www.engineering.eilco-ulco.fr/templates/beez_20/css/position.css

Mettre la valeur max-width:1024px

Dans les modifs que j'ai cité précédemment, tu ne modifie que le padding.

Pense à redimensionner ton header.

Merci beaucoup, j'ai appliqué les modifications et je pense que tout est parfait là, encore merci

Cordialement.