IBM Worklight 5.0 - Белый интервал в нижней части приложения

-1

Я пытаюсь создать простую программу, используя подсветку 5.0.
Вот скриншот моего приложения на устройстве:IBM Worklight 5.0 - Белый интервал в нижней части приложения

enter image description here

Проблема почти ничтожна, но я хочу, чтобы это исправить.

Это не легко видно на снимке экрана, поэтому вам необходимо удержать &. Вы увидите белый интервал под вкладкой.

В моем CSS я уже определил высоту на 100%, но все же этот край 10-20px находится внизу.

Ниже мой

CSS:

#content{ 
height:100%; 
width:100%; 
margin:0; 
background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 49%, #2989d8 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), 
color-stop(49%,#7db9e8), color-stop(100%,#2989d8)); 
background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 49%,#2989d8 100%); 
background: -o-linear-gradient(top, #1e5799 0%,#7db9e8 49%,#2989d8 100%); 
background: -ms-linear-gradient(top, #1e5799 0%,#7db9e8 49%,#2989d8 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 49%,#2989d8 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0); 
}

HTML:

<body id="content"> 
<div data-dojo-type="dojox.mobile.View" id="oneTwoTest" 
    data-dojo-props="selected:true" > 
    <div data-dojo-type="dojox.mobile.Heading" 
     data-dojo-props="label:'HTML'"></div> 
    <div data-dojo-type="dojox.mobile.ScrollableView" id="aboutView" 
     data-dojo-props="scrollDir:'v'"> 
     <div data-dojo-type="dojox.mobile.ContentPane" id="aboutViewContentPane" href="pages/about.html" ></div> 
    </div> 
</div>

источник

2013-08-18 DeadMan

Изображение на самом деле скриншот моего андроид телефон, проблема что я ничего не вижу в нижней части экрана, его просто пустой – DeadMan

ваш предоставленный код не показывает, как вы создаете табуляцию ... Где это? это в about.html? это может объяснить интервал под вкладкой на вашем изображении; вкладка должна находиться в главном окне. –

см. Мой ответ. Можно ли решить этот вопрос? –

Использование Worklight 6.1, я создал простое приложение Dojo с фиксированным заголовком и навигационной панели.
При предварительном просмотре:

В Eclipse, я могу видеть этот белый интервал ниже навигационной панели (см мой комментарий к вопросу, почему это может произойти в вашей версии приложения)
В MBS Worklight консоли или в Android Emulator/device (работает под Android 4.4.2), белый интервал не отображается.

Я не уверен, что здесь есть ошибка.

Dojo связанные содержимое body тега в index.html:
Download sample project

<div data-dojo-type="dojox.mobile.ScrollableView" id="view0" data-dojo-props="selected:true"> 
    <div data-dojo-type="dojox.mobile.Heading" data-dojo-props="label:'Heading'" fixed="top"> 
    </div> 

    <div data-dojo-type="dojox.mobile.View" id="view1" data-dojo-props="selected:false"> 
     test 
    </div> 

    <ul data-dojo-type="dojox.mobile.TabBar" fixed="bottom" data-dojo-props="barType:'tabBar'"> 
     <li data-dojo-type="dojox.mobile.TabBarButton">Label</li> 
     <li data-dojo-type="dojox.mobile.TabBarButton">Label</li> 
     <li data-dojo-type="dojox.mobile.TabBarButton">Label</li> 
     <li data-dojo-type="dojox.mobile.TabBarButton">Label</li> 
    </ul> 
</div>

Внутри ПЭС в Worklight студии:
enter image description here