Absoutely Positioning a bar above tabs


#1

I am trying to create a div that acts much like a footer. My problem is that I am trying to place it above the tabs bar that is already positioned at the bottom of the page. I want this div to be exactly above that, but when I use
position: absolute;
bottom: 0px
the div ends up at the top of the page just under the nav-title. Does anyone know a better way to accomplish what I am looking for?

I have an image with a red arrow pointing to the div I am talking about.

Thanks! Any help would be greatly appreciated!


#2

I have tried to use a “sticky footer” type of coding, but I was not able to get it to work. Any ideas?


#3

The following works for me

<ion-view title="Title">

  <ion-content has-footer="true">
     Some Content 
  </ion-content>

  <ion-footer-bar">
      Footer Content
  </ion-footer-bar>

</ion-view>

#4

Thanks so much! That worked for me.