these HTML and CSS won't show correctly on iPhone 3G Safari? | |
It seems that iPhone 3G will not show the scrollbar for the following
simple page: http://www.0011.com/html/test-iphone.html
so if you are looking at the page using an iPhone, then you are
stuck... you can't see headline 17 to 22 approximately.
also, a related observation is, on FF, Chrome, and Safari on PC, there
is no padding of 20px at the bottom of "headline 22". On IE 7, it is
shown. I wonder if IE 7 is not conforming to the spec? For this case,
some users (and I) actually prefer some padding shown. | | | | re: these HTML and CSS won't show correctly on iPhone 3G Safari?
liketofindoutwhy wrote: Quote:
It seems that iPhone 3G will not show the scrollbar for the following
simple page:
> http://www.0011.com/html/test-iphone.html
>
so if you are looking at the page using an iPhone, then you are
stuck... you can't see headline 17 to 22 approximately.
>
also, a related observation is, on FF, Chrome, and Safari on PC, there
is no padding of 20px at the bottom of "headline 22". On IE 7, it is
shown. I wonder if IE 7 is not conforming to the spec? For this case,
some users (and I) actually prefer some padding shown.
Opera in small screen mode behaves the same.
Perhaps you should stop specifying fonts, widths, and heights in
absolute units, and let the browser do its job. | | | | re: these HTML and CSS won't show correctly on iPhone 3G Safari?
In article
<647b20b5-5e0b-401e-9c76-fb4ba3450405@g25g2000prf.googlegroups.com>,
liketofindoutwhy <liketofindoutwhy@gmail.comwrote: Quote:
It seems that iPhone 3G will not show the scrollbar for the following
simple page:
> http://www.0011.com/html/test-iphone.html
>
so if you are looking at the page using an iPhone, then you are
stuck... you can't see headline 17 to 22 approximately.
>
also, a related observation is, on FF, Chrome, and Safari on PC, there
is no padding of 20px at the bottom of "headline 22". On IE 7, it is
shown. I wonder if IE 7 is not conforming to the spec? For this case,
some users (and I) actually prefer some padding shown.
Why not make the list an HTML list and specify a greater bottom margin
or padding for the last list item?
There is the quick and dirty solution:
<span style="padding-bottom: 20px"headline 22</spanthat works on my
browsers...
--
dorayme | | | | re: these HTML and CSS won't show correctly on iPhone 3G Safari?
On Oct 21, 7:18*am, C A Upsdell <cupsd...@upsdell.invalidwrote: Quote:
Opera in small screen mode behaves the same.
>
Perhaps you should stop specifying fonts, widths, and heights in
absolute units, and let the browser do its job.
oh you mean Opera in small screen mode behave the same way as iPhone,
where headline 17 to 22 is not possible to be viewed due to no
scrollbar? | | | | re: these HTML and CSS won't show correctly on iPhone 3G Safari?
On Oct 21, 3:20*pm, dorayme <doraymeRidT...@optusnet.com.auwrote: Quote:
There is the quick and dirty solution:
>
<span style="padding-bottom: 20px"headline 22</spanthat works on my
browsers...
thanks dorayme (= CDE, as C = do, D = ray in music). hmm... i also
could throw in some <brjust to have some spacing... the fact that
FF3 and Chrome actually not put any padding there seem to suggest no
padding is the standard way... and i am just wondering if that's the
case... | | | | re: these HTML and CSS won't show correctly on iPhone 3G Safari?
liketofindoutwhy wrote: Quote:
On Oct 21, 7:18 am, C A Upsdell <cupsd...@upsdell.invalidwrote:
> Quote:
>Opera in small screen mode behaves the same.
>>
>Perhaps you should stop specifying fonts, widths, and heights in
>absolute units, and let the browser do its job.
>
oh you mean Opera in small screen mode behave the same way as iPhone,
where headline 17 to 22 is not possible to be viewed due to no
scrollbar?
With Opera in small screen mode, the scroll bar is so far to the right
that it is not visible. And there is no need for it to be so far to the
right, because the "headlines" are not very long. If you left the width
unspecified, for example, or perhaps made it 100%, the scroll bar would
have been within the browser window, not way to the right. | | | | re: these HTML and CSS won't show correctly on iPhone 3G Safari?
In article
<2657eedc-54f6-4c8d-a742-a8ebac892eb4@v16g2000prc.googlegroups.com>,
liketofindoutwhy <liketofindoutwhy@gmail.comwrote: Quote:
On Oct 21, 3:20*pm, dorayme <doraymeRidT...@optusnet.com.auwrote:
> Quote:
There is the quick and dirty solution:
<span style="padding-bottom: 20px"headline 22</spanthat works on my
browsers...
>
thanks dorayme (= CDE, as C = do, D = ray in music). hmm... i also
could throw in some <brjust to have some spacing... the fact that
FF3 and Chrome actually not put any padding there seem to suggest no
padding is the standard way... and i am just wondering if that's the
case...
Since you snipped the context I can't remember all the details but I
think I did use FF3 to make the suggestion. Also, using br is not as
kosher as putting in some padding.
--
dorayme |  |
| | |  /bytes/about
We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights.
Get the best answers to your questions from over 226,471 network members.
|
