How I can fix at the bottom this footer in my website? Link of page: http://grillosolutions.ch/news/ [duplicate]

-1

This question already has an answer here:

How do you get the footer to stay at the bottom of a Web page?

24 answers

CSS code of my body and my footer in this moment:

I just can't to fix my footer at the bottom of my page. I read a lot of solutions present of www but any works for me. Thanks for help me!

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;



.footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 height: 100%;
 text-align: justify;

asked Nov 14 '18 at 15:19

Carlo17

214

marked as duplicate by Paulie_D css
Users with the css badge can single-handedly close css questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
Nov 14 '18 at 16:17

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

add a comment |

-1

This question already has an answer here:

How do you get the footer to stay at the bottom of a Web page?

24 answers

CSS code of my body and my footer in this moment:

I just can't to fix my footer at the bottom of my page. I read a lot of solutions present of www but any works for me. Thanks for help me!

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;



.footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 height: 100%;
 text-align: justify;

asked Nov 14 '18 at 15:19

Carlo17

214

marked as duplicate by Paulie_D css
Users with the css badge can single-handedly close css questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
Nov 14 '18 at 16:17

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

add a comment |

-1

This question already has an answer here:

How do you get the footer to stay at the bottom of a Web page?

24 answers

CSS code of my body and my footer in this moment:

I just can't to fix my footer at the bottom of my page. I read a lot of solutions present of www but any works for me. Thanks for help me!

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;



.footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 height: 100%;
 text-align: justify;

asked Nov 14 '18 at 15:19

Carlo17

214

This question already has an answer here:

How do you get the footer to stay at the bottom of a Web page?

24 answers

CSS code of my body and my footer in this moment:

I just can't to fix my footer at the bottom of my page. I read a lot of solutions present of www but any works for me. Thanks for help me!

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;



.footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 height: 100%;
 text-align: justify;

This question already has an answer here:

How do you get the footer to stay at the bottom of a Web page?

24 answers

html css

asked Nov 14 '18 at 15:19

Carlo17

214

asked Nov 14 '18 at 15:19

Carlo17

214

asked Nov 14 '18 at 15:19

Carlo17

214

asked Nov 14 '18 at 15:19

Carlo17

214

asked Nov 14 '18 at 15:19

Carlo17

214

marked as duplicate by Paulie_D css
Users with the css badge can single-handedly close css questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
Nov 14 '18 at 16:17

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

marked as duplicate by Paulie_D css
Users with the css badge can single-handedly close css questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
Nov 14 '18 at 16:17

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

add a comment |

2 Answers
2

active

oldest

votes

Can you put your demo code on codepen.io?

Anyway, you can try this to make your footer always stay in bottom:

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;
 height: 500px; /*remove this, I just put it here to make it clear*/
 

 .footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 text-align: justify;
 /*add this*/
 position: fixed;
 bottom: 0;

<div>
 this is some text
</div>

<footer class="footer-sidebar">This is footer</footer>

If the footer is cover a part of body, put padding-bottom: 100px with 100px is the height of your footer

answered Nov 14 '18 at 15:34

Luu Hoang Bac

12910

Scuse but i'm new on stackoveflow, my site is wordpress and what I have to post on codepen.io? I want fix the footer without using position: fixed. Thanks for reply!

– Carlo17
Nov 14 '18 at 15:38

You're welcome. Can I know why you don't want to you position: fixed? You can use position: absolute instead. Do you want me to make a demo for you?

– Luu Hoang Bac
Nov 14 '18 at 15:44

I don't want position: fixed because while I scroll up my page the footer remains. I think my problem is the height of tag <container> of bootstrap. If you have time, I would be very grateful for a demo. Thanks!

– Carlo17
Nov 14 '18 at 15:48

I'm ready to fix your code, but sorry I don't understand your idea now. So, what do you want to do with your body and footer? Tell me

– Luu Hoang Bac
Nov 14 '18 at 15:51

I'd like to fix the footer at the bottom and ensure that while scroll up remains at the bottom. I can write position: fixed in the css but the result is not correct, I can show you with a live demo in my website. Scuse me but i don't speak very well English, I hope get the point across though.

– Carlo17
Nov 14 '18 at 16:02

|
show 2 more comments

There isn't enough content in the content-section(The space between header and footer).
Specify the height of Site Content Section.

.site-content 
 height: 100vh;

answered Nov 14 '18 at 15:42

Umair Qazi

1514

add a comment |

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

Can you put your demo code on codepen.io?

Anyway, you can try this to make your footer always stay in bottom:

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;
 height: 500px; /*remove this, I just put it here to make it clear*/
 

 .footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 text-align: justify;
 /*add this*/
 position: fixed;
 bottom: 0;

<div>
 this is some text
</div>

<footer class="footer-sidebar">This is footer</footer>

If the footer is cover a part of body, put padding-bottom: 100px with 100px is the height of your footer

answered Nov 14 '18 at 15:34

Luu Hoang Bac

12910

Scuse but i'm new on stackoveflow, my site is wordpress and what I have to post on codepen.io? I want fix the footer without using position: fixed. Thanks for reply!

– Carlo17
Nov 14 '18 at 15:38

You're welcome. Can I know why you don't want to you position: fixed? You can use position: absolute instead. Do you want me to make a demo for you?

– Luu Hoang Bac
Nov 14 '18 at 15:44

I don't want position: fixed because while I scroll up my page the footer remains. I think my problem is the height of tag <container> of bootstrap. If you have time, I would be very grateful for a demo. Thanks!

– Carlo17
Nov 14 '18 at 15:48

I'm ready to fix your code, but sorry I don't understand your idea now. So, what do you want to do with your body and footer? Tell me

– Luu Hoang Bac
Nov 14 '18 at 15:51

I'd like to fix the footer at the bottom and ensure that while scroll up remains at the bottom. I can write position: fixed in the css but the result is not correct, I can show you with a live demo in my website. Scuse me but i don't speak very well English, I hope get the point across though.

– Carlo17
Nov 14 '18 at 16:02

|
show 2 more comments

Can you put your demo code on codepen.io?

Anyway, you can try this to make your footer always stay in bottom:

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;
 height: 500px; /*remove this, I just put it here to make it clear*/
 

 .footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 text-align: justify;
 /*add this*/
 position: fixed;
 bottom: 0;

<div>
 this is some text
</div>

<footer class="footer-sidebar">This is footer</footer>

If the footer is cover a part of body, put padding-bottom: 100px with 100px is the height of your footer

answered Nov 14 '18 at 15:34

Luu Hoang Bac

12910

Scuse but i'm new on stackoveflow, my site is wordpress and what I have to post on codepen.io? I want fix the footer without using position: fixed. Thanks for reply!

– Carlo17
Nov 14 '18 at 15:38

You're welcome. Can I know why you don't want to you position: fixed? You can use position: absolute instead. Do you want me to make a demo for you?

– Luu Hoang Bac
Nov 14 '18 at 15:44

I don't want position: fixed because while I scroll up my page the footer remains. I think my problem is the height of tag <container> of bootstrap. If you have time, I would be very grateful for a demo. Thanks!

– Carlo17
Nov 14 '18 at 15:48

I'm ready to fix your code, but sorry I don't understand your idea now. So, what do you want to do with your body and footer? Tell me

– Luu Hoang Bac
Nov 14 '18 at 15:51

I'd like to fix the footer at the bottom and ensure that while scroll up remains at the bottom. I can write position: fixed in the css but the result is not correct, I can show you with a live demo in my website. Scuse me but i don't speak very well English, I hope get the point across though.

– Carlo17
Nov 14 '18 at 16:02

|
show 2 more comments

Can you put your demo code on codepen.io?

Anyway, you can try this to make your footer always stay in bottom:

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;
 height: 500px; /*remove this, I just put it here to make it clear*/
 

 .footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 text-align: justify;
 /*add this*/
 position: fixed;
 bottom: 0;

<div>
 this is some text
</div>

<footer class="footer-sidebar">This is footer</footer>

If the footer is cover a part of body, put padding-bottom: 100px with 100px is the height of your footer

answered Nov 14 '18 at 15:34

Luu Hoang Bac

12910

Can you put your demo code on codepen.io?

Anyway, you can try this to make your footer always stay in bottom:

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;
 height: 500px; /*remove this, I just put it here to make it clear*/
 

 .footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 text-align: justify;
 /*add this*/
 position: fixed;
 bottom: 0;

<div>
 this is some text
</div>

<footer class="footer-sidebar">This is footer</footer>

If the footer is cover a part of body, put padding-bottom: 100px with 100px is the height of your footer

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;
 height: 500px; /*remove this, I just put it here to make it clear*/
 

 .footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 text-align: justify;
 /*add this*/
 position: fixed;
 bottom: 0;

<div>
 this is some text
</div>

<footer class="footer-sidebar">This is footer</footer>

body 
 background: #ffffff;
 color: #737f85;
 font-family: "Tahoma", Tahoma, Arial, sans-serif;
 font-size: 100%;
 line-height: 25px;
 font-weight: 400;
 padding: 0;
 height: 500px; /*remove this, I just put it here to make it clear*/
 

 .footer-sidebar 
 background-color: #ccff66;
 margin: 0;
 padding: 55px 0 0px;
 width: 100%;
 text-align: justify;
 /*add this*/
 position: fixed;
 bottom: 0;

<div>
 this is some text
</div>

<footer class="footer-sidebar">This is footer</footer>

answered Nov 14 '18 at 15:34

Luu Hoang Bac

12910

answered Nov 14 '18 at 15:34

Luu Hoang Bac

12910

answered Nov 14 '18 at 15:34

Luu Hoang Bac

12910

answered Nov 14 '18 at 15:34

Luu Hoang Bac

12910

Scuse but i'm new on stackoveflow, my site is wordpress and what I have to post on codepen.io? I want fix the footer without using position: fixed. Thanks for reply!

– Carlo17
Nov 14 '18 at 15:38

You're welcome. Can I know why you don't want to you position: fixed? You can use position: absolute instead. Do you want me to make a demo for you?

– Luu Hoang Bac
Nov 14 '18 at 15:44

I don't want position: fixed because while I scroll up my page the footer remains. I think my problem is the height of tag <container> of bootstrap. If you have time, I would be very grateful for a demo. Thanks!

– Carlo17
Nov 14 '18 at 15:48

I'm ready to fix your code, but sorry I don't understand your idea now. So, what do you want to do with your body and footer? Tell me

– Luu Hoang Bac
Nov 14 '18 at 15:51

I'd like to fix the footer at the bottom and ensure that while scroll up remains at the bottom. I can write position: fixed in the css but the result is not correct, I can show you with a live demo in my website. Scuse me but i don't speak very well English, I hope get the point across though.

– Carlo17
Nov 14 '18 at 16:02

|
show 2 more comments

Scuse but i'm new on stackoveflow, my site is wordpress and what I have to post on codepen.io? I want fix the footer without using position: fixed. Thanks for reply!

– Carlo17
Nov 14 '18 at 15:38

You're welcome. Can I know why you don't want to you position: fixed? You can use position: absolute instead. Do you want me to make a demo for you?

– Luu Hoang Bac
Nov 14 '18 at 15:44

I don't want position: fixed because while I scroll up my page the footer remains. I think my problem is the height of tag <container> of bootstrap. If you have time, I would be very grateful for a demo. Thanks!

– Carlo17
Nov 14 '18 at 15:48

I'm ready to fix your code, but sorry I don't understand your idea now. So, what do you want to do with your body and footer? Tell me

– Luu Hoang Bac
Nov 14 '18 at 15:51

I'd like to fix the footer at the bottom and ensure that while scroll up remains at the bottom. I can write position: fixed in the css but the result is not correct, I can show you with a live demo in my website. Scuse me but i don't speak very well English, I hope get the point across though.

– Carlo17
Nov 14 '18 at 16:02

Scuse but i'm new on stackoveflow, my site is wordpress and what I have to post on codepen.io? I want fix the footer without using position: fixed. Thanks for reply!

– Carlo17
Nov 14 '18 at 15:38

You're welcome. Can I know why you don't want to you position: fixed? You can use position: absolute instead. Do you want me to make a demo for you?

– Luu Hoang Bac
Nov 14 '18 at 15:44

I don't want position: fixed because while I scroll up my page the footer remains. I think my problem is the height of tag <container> of bootstrap. If you have time, I would be very grateful for a demo. Thanks!

– Carlo17
Nov 14 '18 at 15:48

I'm ready to fix your code, but sorry I don't understand your idea now. So, what do you want to do with your body and footer? Tell me

– Luu Hoang Bac
Nov 14 '18 at 15:51

I'd like to fix the footer at the bottom and ensure that while scroll up remains at the bottom. I can write position: fixed in the css but the result is not correct, I can show you with a live demo in my website. Scuse me but i don't speak very well English, I hope get the point across though.

– Carlo17
Nov 14 '18 at 16:02

|
show 2 more comments

There isn't enough content in the content-section(The space between header and footer).
Specify the height of Site Content Section.

.site-content 
 height: 100vh;

answered Nov 14 '18 at 15:42

Umair Qazi

1514

add a comment |

There isn't enough content in the content-section(The space between header and footer).
Specify the height of Site Content Section.

.site-content 
 height: 100vh;

answered Nov 14 '18 at 15:42

Umair Qazi

1514

add a comment |

There isn't enough content in the content-section(The space between header and footer).
Specify the height of Site Content Section.

.site-content 
 height: 100vh;

answered Nov 14 '18 at 15:42

Umair Qazi

1514

There isn't enough content in the content-section(The space between header and footer).
Specify the height of Site Content Section.

.site-content 
 height: 100vh;

.site-content 
 height: 100vh;

.site-content 
 height: 100vh;

answered Nov 14 '18 at 15:42

Umair Qazi

1514

answered Nov 14 '18 at 15:42

Umair Qazi

1514

answered Nov 14 '18 at 15:42

Umair Qazi

1514

answered Nov 14 '18 at 15:42

Umair Qazi

1514

add a comment |

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Odtnhj