i’m making some progress now. you’ll notice that even without an ipad, if you shrink the width of your browser screen, the site will become “out of whack” just like it does in the ipad.
apparently the site shrinks because of the ‘responsive’ style section of the twenty eleven theme’s style.css file. there’s elements at the bottom of the style sheet that look like this
@media (max-width: 800px) {
…
so i tinkered enough with them to get the content portion of the site to align correctly. but i’m still having a lot of trouble figuring out which @media element i need to change to get the footer widgets to align horizontally across the page. any idea???