Hi All,
I am creating on web based application for iPhone, BlackBerry, Android. And I used HTML5, CSS3.
My Query is that i want tab bar same as in iPhone and same in web based, i mean tab bar fixed at bottom.
I used below css for fixed at bottom, but it was not working, it was scroll up.
CSS is given below:
/*--------------footer------------*/
.tabBarBottom {
height:50px;
width:320px;
background:#11244c;
position:fixed;
bottom:0;
left:0;
color:#FFFFFF;
/*text-align:center;*/
}
.tabBarBottom nav {
margin:0;
padding:0;
border:none;
}
.tabBarBottom nav ul li {
margin:0;
padding:0;
float:left;
list-style:none;
display:inline;
border:none;
}
.tabBarBottom nav img {
margin:0;
padding:0;
border:none;
}
.tabBarBottom nav a, nav a:hover {
margin:0;
padding:0;
border:none;
float:left;
}
/*--------------footer end------------*/