Topic: Android Width Issues

I've created a gallery using SV 2.1.3 for a mobile website, so I have set the useFlash to False in the XML and galleryWidth to 100%. It looks great on an iPhone, however when viewed in the Android Browser of a Samsung Vibrant (Galaxy S) the width of the gallery stretches over 100%, stretching out the content box as well. I tried setting the width to pixels and even a lesser percentage with no luck.

Any ideas? Thanks!

Re: Android Width Issues

Please provide a URL of your gallery so we can take a look.

You might need to specify the width of the SimpleViewer parent div with inline CSS like this:

<div id="sv-parent" style="width:100%">
    <div id="sv-container"></div>
</div>
Felix Turner
SimpleViewer Support Team.

Re: Android Width Issues

hersam.mobi/memorialparade/gallery.html

Last edited by mleary (2011-05-25 15:12:32)

Re: Android Width Issues

hersam.mobi/memorialparade/gallery.html looks OK here on android Nexus S phone. Please clear your browser cache and try again. If thats not it, please post a screen grab.

Felix Turner
SimpleViewer Support Team.

Re: Android Width Issues

I cleared the cache on the vibrant. No luck.

Here's a screenshot from the vibrant: http://bit.ly/iKnCCr

And a screenshot taken from an iPhone: http://bit.ly/jwGTIv

See how the page stretches on the vibrant compared to the iPhone?

Re: Android Width Issues

Not sure if I'm seeing the problem. If you specify 100% width the gallery is going to stretch to fit the full browser width - no?

Felix Turner
SimpleViewer Support Team.

Re: Android Width Issues

Basically, I want the viewer to keep to the inside of that white box to keep that page consistent with the other pages of the site.

I changed the percentages to 50% and even a static 320px and its still stretching the content box of the page. Here's another screenshot from the Vibrant with percentages set to 50% and you can see that its still effecting the white box:
http://bit.ly/lGb5P1

And this is what the page looks like when I take out the SimpleViewer code:
http://bit.ly/kDFFwH