2009-12-07, 18:25
tamago_quin Wrote:toshiba t-01a
opera 9.5
Width / Height test
BodyElementWidth: 960
BodyElementHidth: 1600
BodyWidth: 480
BodyHeight: 800
Element ClientWidth: 480
Element ClientHeight: 800
Element OffsetWidth: 480
Element OffsetHeight: 800
Element2 ClientWidth: 480
Element2 ClientHeight: 0
OnResize function: Waiting for rotation... (or not working)
my numbers are different than most it seems...
this month i probably wont be much help, but i will try! next year ill have more time!!
This is indeed what I was guessing to see... Windows Mobile Opera 9.5 is emulating a different screen resolution on "BodyElementWidth".
http://m.denhaas.info/test2.html
Test 2... Its a proof of concept, so don't look at the graphics. This version will stretch to your browser screen. Please check if you can scroll to the bottom. If the controls and title aren't scrolling, please click on the link to fix it, iPhone and Android users might have this behavior.
You can click on "My header isn't moving" multiple times, it will cycle through the following render mechanisms:
Mode 0: Position fixed is working! (great browser)
Mode 1: window.onresize is working! (webkit user?)
Mode 2: window.setTimeout is working! (Using more CPU! (might be nicer than mode 1!))
Mode 3: Your browser sucks (or you don't like the header scrolling late! but still the browser sucks since it doesn't support position: fixed!)
Android is working in mode 1+
Please report if your browser:
1. Doesn't have a horizontal scrolling bar (you will only get a vertical one)
2. Stretches the page correctly (so the title is 100% of your screen size)
3. What mode is working for your browser (I hope some users will report that mode 0 is working, since it's really nice to use this CSS feature!)
4. In mode 3, "me needs to be visible" (last item of the list), is it visible? and is there 30px space between this item and the footer?
- AND your version of OS (WinMo/Android) AND browser (Opera 9.5, Apple (safari) etc)
Happy testing, please let me know your results!
BTW, I hate the fact that Android isn't supporting this (position fixed, which will make it able to let the title float and controls always stay at the bottom of the screen, see how it should work in your "real" browser IE7+ FF1.0+ Opera 8.5+), if this was working, I could have made real online apps for android/iphone etc. etc. without any modification.