# Ion-content goes under ion-footer

**URL:** <https://forum.ionicframework.com/t/ion-content-goes-under-ion-footer/101258>\
**Category:** ionic-v1\
**Created:** [August 8, 2017, 10:04am UTC](https://forum.ionicframework.com/t/ion-content-goes-under-ion-footer/101258 "2017-08-08T10:04:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![camklcbr](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/camklcbr/32/77067_2.png) [@camklcbr](https://forum.ionicframework.com/u/camklcbr)\
**Post date:** [August 8, 2017, 10:04am UTC](https://forum.ionicframework.com/t/ion-content-goes-under-ion-footer/101258/1 "2017-08-08T10:04:15Z")

</div>

Hi everyone,

I have a strange issue in my Ionic 1 application. I have a homepage with an ion-footer component, it shows perfectly, but I also have a div (which is a ion-slide-box) that is positionned to be absolute and bottom 0 (so just before the footer). In most cases it just works but from time to time my ion-slide-box div goes under the footer, as if the absolute position was based on the whole page and not just the ion-content (or the content dont take the footer into account).

Has anyone experienced a problem like that ? Do I need to delay the apparition of the slide-box after the footer takes place ?

Thanks !

PS: this happens both in my Chrome browser and on iOS devices.

---

<div class="post-metadata">

**Author:** ![baviskarmitesh](https://avatars.discourse-cdn.com/v4/letter/b/df788c/32.png) [@baviskarmitesh](https://forum.ionicframework.com/u/baviskarmitesh)\
**Post date:** [August 18, 2017, 1:21pm UTC](https://forum.ionicframework.com/t/ion-content-goes-under-ion-footer/101258/2 "2017-08-18T13:21:26Z")

</div>

can you post your html structure and CSS for the issue? Or codepen it.

---

<div class="post-metadata">

**Author:** ![camklcbr](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/camklcbr/32/77067_2.png) [@camklcbr](https://forum.ionicframework.com/u/camklcbr)\
**Post date:** [August 23, 2017, 9:20am UTC](https://forum.ionicframework.com/t/ion-content-goes-under-ion-footer/101258/3 "2017-08-23T09:20:44Z")

</div>

I was using this :

```auto
<ion-side-menu-content drag-content="false">
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
    <div ng-include="'templates/partials/footer.html'"></div>
</ion-side-menu-content>

```

And the slideshow was in my nav view (with a position absolute and bottom 0), but I replace the ng-include with the actual code of my footer and everything is ok now, i just see the slideshow starting at the very bottom of the page and then moving real quick to the right place, but it’s almost invisible so fine by me !

Thanks anyway 🙂