Following Pat Asher's desire to get a Genealogy page mobile friendly last month - http://www.argenweb.net/carroll/ ... I've been playing with 2 and 3 column floated divs, and have come up with a solution that meets approval of Google, e.g. "Awesome! This page is mobile-friendly", and looks good in all the devices available for testing in the homepage of - http://mobiletest.me As far as Desktop compatibility goes, it also renders well in older browsers back to and including IE5. Not that that should be a criteria, but dealing with "Ye Olde" IE browsers is always problematic! The divs containing the left menu, content and right menu are all floated to the left which requires differing clearing techniques for some older browsers. Notwithstanding, the left and right divs are of fixed width and the content div requires the available width be calculated. That's easily done from IE9 and peer group browsers onwards, but is done with Javascript for earlier browsers. Though I have experimented with variable text sizing, the outcome is the font-size remains constant and any images are sized as a percentage of their container's width. When the page drops into mobile layout (using - @media all and (max-width: 639px) { ) the image sizing can be changed to larger percentages, as all the columns assume a width of 100%. Here's the test page in its garish colors et al:- http://countjustonce.com/test/layout-3.html ... which now just needs the story to be told around the images that are in it, and tarted up. Barry