Hi David,
Having done 2 full sites+ many exercise mobile sites, I view at Opera Mini
(including the Mobile 10) the Internet Explorer 6+7, it's a browser one will
hate it, curse it more than praise it :-(
I think the problem might be this:
body#p #main img {border: 3px solid red;display: block;
max-width : 96% !important;
height : auto !important;
margin : 20px 0 0 0;
}
Should it not be "body#p, #main img"?
Apart for this, I don't think it's a good idea to declare max-width for any
mobile browsers, be it container or inline image. This rule you have should
take care of the width for portrait and landscape view:
@media handheld, screen and (max-width: 480px), screen and (max-device-width:
480px)
In my iPod Opera Mobile 10, your site results horizontal scrolling, you might
want to overwrite all the EM declared in (max)widths to % in your @media.
A side note , next time you might want to post a tinyURL or bit.ly (I like
this!) address if ask mobile browser check because typing on a tiny screen
keypad on a tiny screen for a long url address is no fun :-) Some mobile
emulators do not allow copy and paste either.
tee
On Aug 5, 2010, at 11:27 AM, David Laakso wrote:
> markup
> <http://chelseacreekstudio.com/site/portfolio/01.php>
> css
> around line 669
> <http://chelseacreekstudio.com/site/css/sisu.css>
>
> The image does not fill the width of the window in
> Sanyo Mirro scp3810 for BoostMobile running Opera Mini 5.1
> nor in the Opera Mini Simulator.
> <http://www.opera.com/mobile/demo/>
>
> What to do?
>
> <aside>
> It does fill the window in Mac OS X 10.4 at 600, 480, and 400.
> And it fills the window in the iPhoney Simulator...
> </aside>
>
> Best,
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
