homepage Welcome to WebmasterWorld Guest from 54.226.180.86
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

    
Opera small screen and tables
garann




msg:1586597
 9:59 pm on May 22, 2006 (gmt 0)

I have a simple table that looks absolutely incorrect in Opera when I switch to the small screen view. I'm guessing this is because I'm ignoring some W3C standard Firefox and IE don't enforce... Even stripped down code produces a table a vertically stacked cells, like so:

______
_th_
_th_
_th_
_td_
_td_
_td_

and this is the HTML:

<table>
<thead style="background-color:#bbbbbb;">
<tr>
<th>Year</th>
<th>Month</th>
<th>Kilobytes</th>
</tr>
</thead>
<tbody>
<tr>
<td>2006</td>
<td>MAY</td>
<td>0.15</td>
</tr>
</tbody>
</table>

Anyone know what I'm doing wrong? Thanks!

 

tedster




msg:1586598
 2:41 pm on May 23, 2006 (gmt 0)

I see the same thing using your code to test. And I've tried 4 or 5 work-arounds but still get the same stacking effect. I don't see that you are doing anything "wrong", garann

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.

garann




msg:1586599
 5:16 pm on May 23, 2006 (gmt 0)

That's nuts! I'm using the small screen mode because I saw the same bug on a phone. The weird thing is, the bug shows up on the latest and oldest versions of the phone I'm testing on, but the browsers (still Opera) on the versions in between display it correctly. I guess will fill out a bug report...

Thanks for the vote of confidence in my code, anyway. :)

garann




msg:1586600
 6:41 pm on May 23, 2006 (gmt 0)

I think I found the answer: [webmonkey.wired.com]

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!

tedster




msg:1586601
 10:47 pm on May 23, 2006 (gmt 0)

That's excellent -- thanks for reporting back

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Opera Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved