THE BASICS
LAYOUT
"It is good practice for documents to show structure with headings and sub-headings. This means coding in order and in a semantically correct fashion to ensure the code elements and the order in which they appear makes sense without manipulating the presentation." 1 Try and view your site as if you were reading a book. In western society we read from right to left, and top to bottom. If you break out of the habit of designing in landscaped layouts, and think more portrait, you will begin to have success on mobile devices.
"The Web design industry considers using tables for layout a bad practice, particularly for mobile devices. It's more efficient to do page layouts with a style-based layout producing a layout that adapts well to the narrow screens." 2 As with desktop browsing, using nested tables or table-based layouts is generally frowned upon. Semantic CSS will deliver the best results overall mobile websites.
1, 2 .mobi, "Mobile Web Developer's Guide," http://dev.mobi/.
