Testing in Android Environment

[NicholasRBowers]

As of this version, here are the issues:

*Desktop - None.
*Default Android browser - almost works, you have to swipe the navigation menu out. Move a top layer around. Still can zoom out.
*Dolphin - More stable, but zooms out on toggle, and has an overlay problem.
*Firefox - Most functional, but has an overlay issue.
*Opera - Can't press the label to invoke the menu.

Well, it seems as if mobile browsers have a harder time dealing with positioned and moving elements than I thought. This design works flawlessly on a computer browser, but it fails across all mobile browsers. It doesn't have the sense to handle the boundaries placed on the body tag, and the moving of divs outside of it. I'll have to dig deeper into documentation and figure out which CSS attributes I've used, don't have rich mobile support.

As it stands now, I may be able to branch off this code and develop a desktop version of this same idea, but the reverse: a collapsible navigation menu. Going forward with our efforts to create a sliding-over menu for mobile devices, we may have to abandon moving things off-screen and focus on laying them over top of each other.

[NicholasRBowers]

May be better to manipulate the width of elements, instead of push them off screen. Consider something like this for the nav menu:

nav { position: fixed; width: 0 }
:checked nav { width: 60%}

Only problem with that, would be that the menu would not be scrollable. If we floated it left instead of fixing it's position, it would scroll with the page..

[NicholasRBowers]

This will probably work http://stackoverflow.com/questions/4614306/how-to-create-two-independent-columns-in-a-webpage; maybe we can avoid position: fixed all together..

[NicholasRBowers]

Completely new version using a newer method.

Default - Goes to top of content div when menu collapses.
Firefox - Black rectangles appear in the content area when scrolling.
Dolphin - Goes to top of content div when menu collapses.
Opera - Won't scroll period.

Other than that, all other bugs have been resolved (scrolling, etc.).

[NicholasRBowers]

Finally got the chance to test this build in Chrome on Android. Content won't scroll. Menu Slider works (a little slow). And can zoom in (but not out). No layouts are broken.