Hi All, I have a website MassageTablePrices.com On a desktop browser, all is well. The opening text that starts with "Compare prices" is the full width of the DIV. However, on my android phone browser and the online Opera Min demo page, the text width is only 50%. Also on the Opera demo, the header graphic only takes up about 20% of the width. Any ideas? Thanks!
You have a 1998 style fixed-width table based layout, for which ZERO concern has been given for mobile users -- my advice? Throw it out and drag the site kicking and screaming into THIS century. The first line of code alone proudly proclaims the site to be in transition from 1997 to 1998 coding styles, and this is reflected in the page code itself which to be frank, doesn't look like it was good code in the 90's, much less today. Expecting a modern mobile browser to handle it... eh... no. Presentational style in the markup, tags like FONT and CENTER that have no business being used in the construction of any website built after 2003ish (when Netscape 4 was finally kicked to the curb), endless pointless margin tricks -- I'm a little shocked it only has 28 validation errors... though the 60k of markup for 7k of plaintext and 24 content images easily means three times or more markup than should be necessary. Really what's biting you though is the tables for layout; something we've been told for over a decade to stop doing... without throwing it all away and starting over with more modern/cleaner coding techniques, trying to customize the existing page for mobile just isn't going to happen. Though the needlessly excessive amount of content per page isn't really a great idea for mobile OR desktop; if from the top you can page-down more than once on a 1920x1200 display, it's going to be too much content for a 320x480 display user... or even a 1024x800 netbook/tablet user.