Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: open
and this is the HTML:
Anyone know what I'm doing wrong? Thanks!
It looks like the small screen mode is set up to stack table cells in every case -- assuming that every table is a layout table. There seems to be no way to discriminate "real" table data from a layout table, and the cells just get stacked up, even if side by side display space is available.
Thanks for the vote of confidence in my code, anyway. :)
The good news is that some SSBs won't mess too much with your CSS if you link to an explicitly defined handheld stylesheet. For instance, Opera's Symbian browser employs something they call "small-screen Rendering" (or, SSR, in their terminology). They tweak with your HTML according to their SSR rules unless you've specified a unique handheld stylesheet, whereby they trust you to know what you're doing with fixed table widths, images sizes, etc.
Here's the tag you'd want to use to point to a handheld stylesheet:
<link rel="stylesheet" type="text/css" media="handheld" href="file_name.css">
..In case anyone else runs into the same thing. Seems to be working for me!