Jump to content

Hauteur page 100%


Recommended Posts

Bonjour à tous !

 

Je réalise actuellement un site sous prestashop 1.5 mais je me heurte à un problème.

J'ai pratiquement finis l'intégration de mon design mais un problème de hauteur me bloque.

 

Vous pouvez voir le site içi: http://zipenfoly.re/

 

Ce que je voudrais, c'est que la hauteur de la div page, autrement dit, celle qui contient mes colonnes soit de 100% de l'espace restant sur la page.

Autrement dit, un height: 100%;

 

Mais, pas moyen d'y parvenir, et le gros problème est que lorsque l'on passe le site sur un écran plus grand, le footer n'est pas totalement en bas de page et on voit donc un espace. Sur la page d'accueil, ce n'est pas très flagrant, mais sur la page de contact, c'est horrible:

http://zipenfoly.re/contactez-nous

 

Comment donc est-ce que je pourrais faire pour que la taille de la div page prennent l'espace restant pour s'adapter à l'écran ?

 

Par la même occasion, j'aimerais aussi que ma colonne de droite ait la même hauteur que la colonne du gauche, mais je pense que cela est lié au problème principal.

 

Merci d'avance.

Link to comment
Share on other sites

Je te dirai bien d'utiliser min-height, mais c'est pas très universalisé encore.

De ce fait, j'utilise une technique simple qui consiste a mettre tes colonnes dans une autre de hauteur 100% ou en pixels (genre 1200 pour le HD).

Sinon, au vue de ce que tu as deja fait, j'irai vers un positionnement absolut en bas pour le footer.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...