How do I leave Footer at the bottom of the page? [duplicate]

Question

How do I leave Footer at the bottom of the page? [duplicate]

Navigation

#1 by (1 votes)
#2 by (0 votes)

1

I leave this below for just the same information ... CSS of my page:

body{
   margin: 0 auto;
   padding: 0;
   min-height:100%;
   position:relative;

}
head {
    display: none;
    position: relative;
    min-height: 100%;
}
html{
    height: 100%;

}
div {
    display: block;

}
#container{
    position: relative;
    min-height: 100%;

}
#IGN_SCT{
    height: 100%;
}
.corpo{
    position: relative;
    width: 1024px;
    left: 50%;
    margin-left: -512px;
    min-height:2100px;

}

I would like it to be fixed at the bottom of the page regardless of content above it

html css body footer

asked by anonymous 04.07.2017 / 01:35

2 answers

How to make program in Python run in 32 and 64 bits Spring Boot insert problems

score 1 · Answer 1

<footer></footer>

It has semantic properties to be used as a footer.

With one more thing:

footer{
width: 100%;
height: 50px;
margin: auto;
bottom: 0;
}

And one:

position: fixed;

If you want to leave it always appearing on the screen.

score 0 · Answer 2

If you want it fixed at the bottom of the page ..

footer {
    position: fixed;
    bottom: 0;
}

If you want at the bottom of the page but not fixed ...

 footer {
    position: relative;
    bottom: 0;
}

I recommend studying flex-box .. they are properties that help and much in positioning the elements on the page through CSS3 .. and still makes everything responsive! Obs: I did not test the codes ...