Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1787 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Alignement vertical et footer toujours en bas de page

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Alignement vertical et footer toujours en bas de page

n°2255881
SmXme
Posté le 16-04-2015 à 10:05:43  profilanswer
 

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 !


---------------
Ryzen 9 5950X | Gigabyte X570 AORUS ULTRA | G.SKILL Trident Z Neo 3600Mhz C16 | EVGA 3090Ti FTW3 Ultra | NZXT Kraken X53 | Fractal Meshify C |
mood
Publicité
Posté le 16-04-2015 à 10:05:43  profilanswer
 

n°2255917
Elanth
Posté le 16-04-2015 à 14:19:53  profilanswer
 

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

n°2255919
flo850
moi je
Posté le 16-04-2015 à 14:38:03  profilanswer
 

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

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

n°2255920
SmXme
Posté le 16-04-2015 à 14:44:19  profilanswer
 

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


---------------
Ryzen 9 5950X | Gigabyte X570 AORUS ULTRA | G.SKILL Trident Z Neo 3600Mhz C16 | EVGA 3090Ti FTW3 Ultra | NZXT Kraken X53 | Fractal Meshify C |
n°2255921
flo850
moi je
Posté le 16-04-2015 à 14:45:47  profilanswer
 

Tu as fait le translateY aussi  ?


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

n°2255935
SmXme
Posté le 16-04-2015 à 15:54:28  profilanswer
 

euh non?


---------------
Ryzen 9 5950X | Gigabyte X570 AORUS ULTRA | G.SKILL Trident Z Neo 3600Mhz C16 | EVGA 3090Ti FTW3 Ultra | NZXT Kraken X53 | Fractal Meshify C |
n°2255963
Elanth
Posté le 16-04-2015 à 19:40:16  profilanswer
 

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

n°2255978
flo850
moi je
Posté le 16-04-2015 à 23:09:11  profilanswer
 


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


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

n°2256052
SmXme
Posté le 17-04-2015 à 15:09:03  profilanswer
 

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


---------------
Ryzen 9 5950X | Gigabyte X570 AORUS ULTRA | G.SKILL Trident Z Neo 3600Mhz C16 | EVGA 3090Ti FTW3 Ultra | NZXT Kraken X53 | Fractal Meshify C |
n°2256054
Elanth
Posté le 17-04-2015 à 15:18:59  profilanswer
 

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?

mood
Publicité
Posté le 17-04-2015 à 15:18:59  profilanswer
 

n°2256055
SmXme
Posté le 17-04-2015 à 15:24:20  profilanswer
 

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


---------------
Ryzen 9 5950X | Gigabyte X570 AORUS ULTRA | G.SKILL Trident Z Neo 3600Mhz C16 | EVGA 3090Ti FTW3 Ultra | NZXT Kraken X53 | Fractal Meshify C |

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Alignement vertical et footer toujours en bas de page

 

Sujets relatifs
Rechargement page apres choixFooter
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-mailingMon site en HTTPS se redirige vers "page web inaccessible"
Tumblr page TAGSInsertion 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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR