On Jun 11, 2011, at 10:42 AM, tee wrote:
> Still I have one question: you mentioned 100% for outer divs are not
> necessary - but this is what I thought how iOS Safari "downsize" works, that
> it shrinks everything inside the 100% to viewport size, meaning the 100%
> width for outer box is th
Philipe,
Thank you.
>
> And that is exactly how CSS is designed to work. You outer boxes (static,
> inflow boxes) are as wide as the viewport,
OK, I fully get it now. This is the first layout I ever did that goes beyond
980px (thus the cut off part is not something I saw before in iPad/iPhon
On Jun 10, 2011, at 8:29 AM, weblist99 wrote:
> Alright. Good reminder! However from what is presented in the iPad Safari,
> I am still not convinced this is the overflow issue for two reasons:
>
> 1) The 1500px background is outside the #container which has 1014px width
> and previously with o
Philippe,
> Oh but Mobile Safari downsized your page all right, to its viewport width
> of 980px; but then that downsized page overflows, and cause the gap you
> noticed. Mobile Safari is kind enough to show everything what's on your
> page, without clipping. Luckily, as otherwise some contents ma
On Jun 9, 2011, at 9:26 PM, Tee wrote:
> But iOS Safari able to resize (downsize) a webpage to its viewport when no
> viewport declared. Why is it not the background image? You probably has
> already noticed, the contents are downsized to fit the viewport 768;
Oh but Mobile Safari downsized y
Philippe,
Thanks for checking.
>>
>
> That is what I would expect :-)
> Unless specified MobileSafari assumes a viewport width of 980px. In your
> case, the page overflows (#container being 1014 wide).
But iOS Safari able to resize (downsize) a webpage to its viewport when no
viewport declare
On Jun 9, 2011, at 11:07 AM, tee wrote:
> 1.With no viewport nor media queries, the #container-wrap bg image got
> cut off in both landscape and portrait.
> http://jsbin.com/aholi4/
That is what I would expect :-)
Unless specified MobileSafari assumes a viewport width of 980px. In your case
Anybody here more experience with CSS issue for iPad? I am running out of idea
what might be the cause for this but to think it's a Safari rendering bug in
iOS..
In the examples below, the page uses a 1500px wide background image, and it has
this structure to make the visual displays properly.