dotMobimobiThinkingmobiForgemobiReadyDeviceAtlasgoMobi

Posted by mcavalcanti 3 years 16 weeks ago

pic
 mcavalcanti
mobiForge Newbie
Posts: 3
Joined: 3 years ago
[offline]

Hello.

I would like to know why Opera Mobile (8.65) is showing horizontal bars for our mobile site if it does not have any fixed width. Please, see the three screenshots below to better understand my question.

IE Mobile in PDA iPAQ with Win Mobile 5.0 (ok)
http://www.jornalistasdaweb.com.br/_img/sshot_iemobile_ipaq.gif

IE Mobile in MotoQ smartphone with Win Mobile 6.0 (ok)
http://www.jornalistasdaweb.com.br/_img/sshot_iemobile_smartphone.gif

Opera Mobile in MotoQ smartphone with Win Mobile 6.0 (horizontal bars. Why?)
http://www.jornalistasdaweb.com.br/_img/sshot_operamobile.gif

Regards,

Mario Lima Cavalcanti
Executive Director
Jornalistas da Web
www.jornalistasdaweb.com.br
www.jornalistasdaweb.mobi

Posted by tomomi 3 years ago

pic
 tomomi
mobiForge Newbie
Posts: 7
Joined: 4 years ago
[offline]

Geez, so timely .
I just had the same problem when I was testing on some HTC Fuse (on WinMo, Opera Mobile as a default browser).

I think the problem is caused by CSS, but not still quite sure exactly which.
Not by a 100%-width table, not an alignment, not some background stretch....
I played with browser setting, also adding/removing/modifying viewport meta tag from markup, but nothing helped.

I almost felt like it happens when you have longer than a certain amount of CSS. (When testing a small html doc with minimal CSS, the horizontal stretch doesn't happen.)

I hope somebody knows the answer!

===========================
Tomomi
GirlieMac! http://girliemac.com/blog

Posted by mcavalcanti 3 years ago

pic
 mcavalcanti
mobiForge Newbie
Posts: 3
Joined: 3 years ago
[offline]

Hi, Tomomi.

That's true. Good observation. I removed the CSS for a second and Opera did not show the horizontal bar. I will also check the size question. CSS under investigation... :-)

Waiting for more information...

Regards,

Mario Lima Cavalcanti Executive Director Jornalistas da Web www.jornalistasdaweb.com.br www.jornalistasdaweb.mobi

Posted by mcavalcanti 3 years ago

pic
 mcavalcanti
mobiForge Newbie
Posts: 3
Joined: 3 years ago
[offline]

Hello.

Sorry... When I tested, I was on Skyfire mobile browser, not in Opera Mobile. My mistake. Opera Mobile still shows horizontal bars, even without CSS.

Best,

Mario Lima Cavalcanti
Executive Director
Jornalistas da Web
www.jornalistasdaweb.com.br
www.jornalistasdaweb.mobi

Mario Lima Cavalcanti Executive Director Jornalistas da Web www.jornalistasdaweb.com.br www.jornalistasdaweb.mobi

Posted by tomomi 3 years ago

pic
 tomomi
mobiForge Newbie
Posts: 7
Joined: 4 years ago
[offline]

You know what? Sorry it is my bad!
I was the one who totally mixed up browsers. (Then I confused you as well!)

I just realized that I was talking about some issue seen on Teleca browser on Samsung, not a Opera Mobile on HTC...
So many browser testings and confused myself X-D
Sorry!

For Opera Mobile, try this meta tag.
<meta name = "viewport" content = "width=device-width, height=device-height" />

I tested on Opera Mobile 9.5, so this may not solve your case though.

===========================
Tomomi
GirlieMac! http://girliemac.com/blog

Posted by aurelio 2 years ago

pic
 aurelio
mobiForge Newbie
Posts: 6
Joined: 3 years ago
[offline]

Try a different doc type.

!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"

and in the CSS

overflow-x: hidden;
overflow-y: scroll;

Posted by xiaopy12 1 week ago

pic
 xiaopy12
Mobile Champion
Posts: 582
Joined: 1 week ago
[offline]

Louis Vuitton Sale fgrh