Broken page when using ons-tabbar
-
main.html
<ons-tabbar var="globalFooter" id="globalFooter"> <ons-tab page="top/navigator.html" active> <span style="font-size: 12px"><img src="img/A_1.png" alt="Top" style="height: 100%"></span> </ons-tab> <ons-tab page="infomation/list.html"> <span style="font-size: 12px"><img src="img/A_2.png" alt="重要情報" style="height: 100%"></span> </ons-tab> <ons-tab page="negotiation/list.html"> <span style="font-size: 12px"><img src="img/A_3.png" alt="商談" style="height: 100%"></span> </ons-tab> <ons-tab page="project/list.html"> <span style="font-size: 12px"><img src="img/A_4.png" alt="案件" style="height: 100%"></span> </ons-tab> <ons-tab page="building/list.html"> <span style="font-size: 12px"><img src="img/A_5.png" alt="館カルテ" style="height: 100%"></span> </ons-tab> </ons-tabbar>
project/list.html
<ons-page id="project-page-list-area"> <ons-navigator var="project_navi" id="project_navi" page="../search.html"></ons-navigator> </ons-page>
building/list.html
<ons-page id="building-page-list-area"> <ons-navigator id="building_navi" var="building_navi" page="../search.html"></ons-navigator> </ons-page>
When i press Tab on keyboard then broken layout. Please help me. Thanks