Mobile Home Page Finished

The home page for the mobile site is finally finished. It wasn't that hard to edit for the most part--it took a lot to get it to work in the Windows Mobile Internet Explorer, though. The finished product is to the left. Yeah, it still has an ugly white space in the navList. Unfortunately there was no workaround for this. It took long enough just to get that OpenMRS logo in the corner to stay in the corner. Windows Mobile IE has no support for the position property in CSS.

In order to get this to work we had to float that Log In bar in the corner:

#userBar {
position: absolute;
top: 0px;
right: 0px;
float: right;
width: 60%;
text-align: right;
padding: 0px;
margin: 0px;
z-index: 5;
color: #333333;
line-height: 26px;
background-color: #ffffff;
}

Then we had to float the image left:

#banner img{
height: 1.25em;
float: left;
margin: 5px 0 0 0;
padding-top: 0px;
}

When that was all done, I played for a while trying to get that white space to go away to no avail. It is functional now though and it looks sufficiently good.