This is what I've created. I'm setting \[code\]class='handHeld'\[/code\] to \[code\]<body>\[/code\] in iPad, based on whichthe optionsWrapper and #container should switch positions using CSS classes I've defined at the bottom in jsfiddle.net. \[code\].handHeld div.optionsWrapper { ... }.handHeld div#container { ... } \[/code\]to something like this:
How to achieve that using CSS only? Please note that first 3 rows (green, gray and blue) maynot be present always so I can not grab their height statically to position \[code\]div.optionsWrapper\[/code\]?