locked
Make an absolute relative footer (if it is possible) RRS feed

  • Question

  • User283528319 posted

    Hi all,

    I want a relative footer below <g class="gr_ gr_50 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace" id="50" data-gr-id="50">evertything</g> in my layout file.

    However if <g class="gr_ gr_73 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="73" data-gr-id="73">forexample</g> there is only 1 line in the @RenderBody() I want <g class="gr_ gr_158 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="158" data-gr-id="158">footet</g> to seem at the bottom of the screen?

    Is there any solution for that because there are 2 solutions 1-absolute 2-relative but couldn't find a combine ...

    thank you

    Tuesday, January 29, 2019 11:30 AM

All replies

  • Tuesday, January 29, 2019 4:01 PM
  • User283528319 posted

    do you really read carefully before answer? 

    take care

    Tuesday, January 29, 2019 4:45 PM
  • User2053451246 posted

    ryanbesko

    https://www.w3schools.com/howto/howto_css_fixed_footer.asp

    do you really read carefully before answer? 

    take care

    Excuse me, but what did I not read carefully?

    However if forexample there is only 1 line in the @RenderBody() I want footet to seem at the bottom of the screen?

    Click the Try it Yourself button... the on-screen example does exactly what you asked for.

    Tuesday, January 29, 2019 5:58 PM
  • User283528319 posted

    <g class="gr_ gr_9 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep" id="9" data-gr-id="9">nope</g> really it isn't. As I implied 

    • I need a footer when <g class="gr_ gr_79 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="79" data-gr-id="79">everthing</g> fit in the page it will be seen at the bottom
    • <g class="gr_ gr_291 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep" id="291" data-gr-id="291">however</g> if everything <g class="gr_ gr_290 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar multiReplace" id="290" data-gr-id="290">overflow</g> the page, it will go down with them and won't be seen.
    Tuesday, January 29, 2019 6:20 PM
  • User-474980206 posted
    Google flexbox layout.
    Wednesday, January 30, 2019 2:10 AM
  • User283528319 posted

    Google flexbox layout.

    it is <g class="gr_ gr_156 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins replaceWithoutSep" id="156" data-gr-id="156">great</g> piece of information but still couldn't solve how to use it as a solution. I need to flex my child item but flex is all about parent and its contents.

    Thursday, January 31, 2019 6:23 AM
  • User-474980206 posted

    you want to set a min height of one of the contains to fill the screen. look at header/content/footer examples. 

    Thursday, January 31, 2019 4:56 PM
  • User753101303 posted

    Hi,

    Try  https://css-tricks.com/couple-takes-sticky-footer/ 

    Friday, February 1, 2019 1:30 PM