Having had my observation confirmed, I couldn't help but have a peek.
You can actually easily see the problem without requiring an Android phone. Simply open the forum in Firefox or IE, and reduce the browser window size to less than 1024px. You will see the container going off the left hand side of the page. and you will be unable to scroll it back. This is what we are seeing in Android.
As I see it, the problem is with the container definition in your stylesheet, which is currently
#container {
position: absolute;
left: 50%;
margin-left: -512px;
width: 1024px;
margin-top: -4px;
}
This appears to be saying "set the left of the container to 50% the way across the page width, then use a margin of -512px", in order to centre the 1024px container.
If you replace that with
#container {
margin:0
auto;
width:1024px;
}
It gives you a centred page, more or less exactly as you have it, but the page now behaves when the window goes below 1024px. I've tested this on FF and IE, under Windows, and on my Android Phone. I can't test it with an Iphone, but I don't see any reason why it shouldn't be ok.
As this is a simple stylesheet change, hopefully this is something you could implement with little trouble, should you wish to.
The other thing my examination revealed is that you seem to have two more /div tags than you have div tags. However, they appear at the end of the page, so do not seem to break any browsers.
Posted: 23 Mar 2011, 19:01
