Alignement vertical et footer toujours en bas de page

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Alignement vertical et footer toujours en bas de page

smxme

Bonjour,
Je tiens déjà à préciser que je suis stagiaire et que j'ai donc une clause de confidentialité.
Je ne pourrais donc vous donner AUCUNE ligne de code pour illustrer mes mots (malheureusement pour tous...).

Je m'explique, je suis en train de bosser sur une application, je dois refaire tout le design en CSS car, sur l'application, il n'y a pas de CSS.
Cependant, j'ai un petit soucis, je n'arrive pas à centrer verticalement une div.
Voici la structure html de la page.

<body>
<header>
</header>

<div id="divAcentrerVerticalement">
<form>
</form>
</div>

include d'un fichier php qui contient aussi le footer
</body>

Voilà comment se présente ma page en gros, j'ai donc essayé pas mal de chose , et meme mettre ma div en question dans une div et attribuer à cette div une min-height:100%; pour être sur d'avoir de l'espace de "travail", sauf que le footer est au final TOUT en bas de la page (il y a donc du défilement).

Rien ne passe, quelqu'un pourrait t'il me filer un coup de main que ce soit en profondeur ou juste sur le principe pour centrer verticalement quelque chose en laissant le footer en bas de la page? (sans défilement, car avec position : absolute et bottom 0, il y a quand même défilement).

Merci d'avance !

Publicité

Elanth

Bonjour,
As-tu essayé ce paramètre ?
vertical-align:middle;

flo850

moi je

moi j'utilise ça ( IE9 et plus )
http://codepen.io/anon/pen/EaqJOy

si tu dois etre compatbile IE10 et + , tu peux te tourner vers du flex box :love:

Message édité par flo850 le 16-04-2015 à 14:38:27

---------------

smxme

Oui j'ai bien essayé vertical-align:middle; et ca ne fonctionne pas.
Pour : position: relative;
top: 50%;
Ca fonctionne pas non plus...

flo850

moi je

Tu as fait le translateY aussi ?

---------------

smxme

euh non?

Message cité 1 fois

Elanth

Je pense que ce lien peut t'aider :
http://openclassrooms.com/courses/centrer-en-css

flo850

moi je

smxme a écrit :

euh non?

Ben je t'ai poste un lien qui marche juste au dessus

---------------

smxme

J'viens d'essayer, ca fonctionne pas chez moi

Elanth

même quand tu fais un copier/coller à l'identique de tout le code?
Est-ce que tu as essayé de faire uniquement ce code là dans ton fichier css et dans ton fichier html?

Publicité

smxme

Nope, mais vu la structure HTML que j'ai
J'vais avancer sur mon projet, je reviendrais la dessus plus tard.
Merci !

FORUM HardWare.fr

Programmation

HTML/CSS

Alignement vertical et footer toujours en bas de page

Sujets relatifs
Rechargement page apres choix	Footer
Appel d'une autre page a partir d'une page HTML ou PHP	[IIS] Accès page web par http://adresse_ip
Help mise en page e-mailing	Mon site en HTTPS se redirige vers "page web inaccessible"
Tumblr page TAGS	Insertion dynamique & gestion de la position dans la page
variable d'une page à une autre avec $_session ?	Boutique prestashop invisible et remplacée par page blanche
Plus de sujets relatifs à : Alignement vertical et footer toujours en bas de page

Page générée en 0.036 secondes