rocknbil - 3:15 pm on Jan 7, 2012 (gmt 0)
^ ^ Oddly enough, the />'s don't seem to kick errors in the validator for HTML5 like you think they'd should. :-)
As a recent owner of an iPad (most awesome boss in the world bought one for everyone in the company,) I've been breaking hard and fast on mobile development. Definitely not an expert by any means, but have learned a couple things.
Absolute positioning and reliance on fixed pixel elements are always going to lead to problems in mobile apps, but the whole superimposed description demands it. Try this:
- Create a 100% width div, absolutely positioned, with the z-index top
- Put your "tabs" inside this div and float them right.
What that would do is force the top-floating container to always be 100% instead of having a raw absolute element as part of the layout.
A side note, the res of the iPad is 768 X 1024, so when you rotate it you'd think it's now 1024 wide. It's not. It's still 768, automatically resized by the iPad. (Several resources out there where I've learned this.)