Am 20.03.2012 16:24, schrieb David Laakso:
On Tue, Mar 20, 2012 at 10:54 AM, Christian Kirchhoff privat
<[email protected]> wrote:
First of all: On my smartphone your pages didn't display as expected, I
guess my browsers have a problem with the article element.
So I copied your pages and exchanged the article element with a div
id="article" (please see http://nihao.k-risc.de/ck/ck1.html)
Best regards
Christian
Christian,
You have #article in the CSS for desktop; and article [not #article]
in the 480 media query. Consequently,the green block throws a
horizontal
scroll bar this end in Android/2.2.2, Opera Mobile, and Opera Mini.
Note that I am running the current stable versions of all three mobile
browsers.
Best,
~d
Thanks a lot again. I corrected that and
http://nihao.k-risc.de/ck/screenshots_new.html shows screenshots of ck1
and ck2 (this time only Opera Mobile 10). I later added a new page ck3,
but the link to that page is not visible on the screenshots.
The green block is now a bit smaller than before, I guess that's because
the "width: 90%" defined in the media query part is now having an effect
is now having an effect.
In ck3 I set the width of #article to 240px. But not even for the media
query part, just for the desktop part. Nevertheless on the last
screenshot on the new screenshot page one can see that the green div now
fits into the display. For the same page viewed on IE mobile the green
div would only fill half of the displays width.
So just to make sure: with these pages, or with your original pages ck1
and ck2 on your server, rendered in your in your Opera Mobile, the green
block actually fits onto the display in width and there is no horizontal
scrollbar?
Best regards
Christian
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
