White content without footer

[Dirk Gissing]

Hello,

I have a problem with white content being displayed in my app when I disable the footer.

As you can see, there is white content beneath the purple-ish background that I have created. But when I enable the footer again, the white content disappears. It's as if without the footer the background stops.

How can I fix this? Because I don't need a footer in my app.

Thank you!

[Illya Stepanov]

Hi Dirk,

Please could you show how you implement the background with code examples?

[Dirk Gissing]

Hello Illya,

like this:

code
.ui-content {
background: url("../image/bg.png") repeat center center fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-ms-background-size: 100% 100%;
background-size: 100% 100%;
font-size: 11px !important;
color: #333333 !important;
font-family: Arial;
font-style: bold;
}
/code

[Yurii Orishchuk]

Hi Dirk.

Please give us your app public link.

And describe steps how we can reproduce your problem.

Thanks.

[Dirk Gissing]

Yurri,

This is my app public link:
http://appery.io/app/mobile-frame?src...

You can see on the first page that there is white space between the background and the bottom of the page when you change the size of the mobile device. Just set the screen size to 400*800 and you will see.

When I enable the footer again, this white space dissappears and the background fills up until the footer.

[Dirk Gissing]

Is there any update on this??

[Evgene Karachevtsev]

Hello Dirk,

Sorry for delay, working on it. We will get back to you with update

[Dirk Gissing]

There is no need for it anymore: the problem isn't my code or an error.

It only happens when I switch from size 320*480 to a bigger size AFTER the preview has been loaded. It's probably a bug in the website viewer.

Thanks anyway!

[Alena Prykhodko]

Hi Dirk,

When you change screen sizes, they don't apply automatically, you need to click Refresh button on the Preview page.

[Dirk Gissing]

Oke thank you!