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.

liketofindoutwhy wrote:

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.

In article
<647b20b5-5e0b-401e-9c76-fb4ba3450405 (AT) g25g2000prf (DOT) googlegroups.com>,
liketofindoutwhy <liketofindoutwhy (AT) gmail (DOT) com> wrote:

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</span> that works on my
browsers...

--
dorayme

On Oct 21, 7:18*am, C A Upsdell <cupsd... (AT) upsdell (DOT) invalid> wrote:

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?

On Oct 21, 3:20*pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

There is the quick and dirty solution:

span style="padding-bottom: 20px"> headline 22</span> that works on my
browsers...

thanks dorayme (= CDE, as C = do, D = ray in music). hmm... i also
could throw in some <br> just 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...

liketofindoutwhy wrote:

On Oct 21, 7:18 am, C A Upsdell <cupsd... (AT) upsdell (DOT) invalid> wrote:

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.

In article
<2657eedc-54f6-4c8d-a742-a8ebac892eb4 (AT) v16g2000prc (DOT) googlegroups.com>,
liketofindoutwhy <liketofindoutwhy (AT) gmail (DOT) com> wrote:

On Oct 21, 3:20*pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

There is the quick and dirty solution:

span style="padding-bottom: 20px"> headline 22</span> that works on my
browsers...

thanks dorayme (= CDE, as C = do, D = ray in music). hmm... i also
could throw in some <br> just 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