Horizontal scrolling, "row" of pictures, and IE

Post here to test posting techniques, image attachments, try out bbcode, test signatures, report problems with the forum software, etc.

Moderator: Nissan_Ranger

Post Reply
User avatar
asavage
Site Admin
Posts: 5431
Joined: 18 years ago
Location: Oak Harbor, Wash.
Contact:

Horizontal scrolling, "row" of pictures, and IE

#1

Post by asavage »

I've had a query about horizontal scrolling, and what to do about it. There
are two causes of the dreaded horizontal scroll bar in threads. This thread
addresses the first cause: a "row" of images plus a non-intelligent browser.

Following are two batches of the same six pictures, to illustrate the issue.
The first six pics are intentionally stacked (by the author, me)
vertically, one on top of the other, and we all see these the same way:
Image
Image
Image
Image
Image
Image

The second batch are not purposely stacked vertically; it is left for the
browser to know the width of the current viewport (the area that the
browser window can display in) and if the images to be displayed can be
rearranged to best suit the available space. We are not all seeing these
the same way
, according to what our browser decides is
the best way to view them:
ImageImageImageImageImageImage

Long about now, some of you will be seeing these last six in various ways.
Some of you, using Microsoft Internet Explorer versions 5.5 & 6.0 are
having to horizontally scroll to view the last couple of images, correct?
That's because IE does not intelligently make use of the available display
space and take advantage of the HTML that does not specify that the
images must be displayed in any particular way.

Folks using Mozilla/Firefox and Opera browsers should be seeing no
horizontal scroll bars now. Depending upon your desktop resolution and
display size, you might be seeing two or three or even more of the images
side-by-side, and can read these paragraphs without having to scroll:
Excerpt from the short story, Brokeback Mountain, by Annie Proulx

They were raised on small, poor ranches in opposite corners of the state, Jack Twist in Lightning Flat up on the Montana border, Ennis del Mar from around Sage, near the Utah line, both high school dropout country boys with no prospects, brought up to hard work and privation, both rough-mannered, rough-spoken, inured to the stoic life. Ennis, reared by his older brother and sister after their parents drove off the only curve on Dead Horse Road leaving them twenty-four dollars in cash and a two-mortgage ranch, applied at age fourteen for a hardship license that let him make the hour-long trip from the ranch to the high school. The pickup was old, no heater, one windshield wiper and bad tires; when the transmission went there was no money to fix it. He had wanted to be a sophomore, felt the word carried a kind of distinction, but the truck broke down short of it, pitching him directly into ranch work.

In 1963 when he met Jack Twist, Ennis was engaged to Alma Beers. Both Jack and Ennis claimed to be saving money for a small spread; in Ennis's case that meant a tobacco can with two five-dollar bills inside. That spring, hungry for any job, each had signed up with Farm and Ranch Employment -- they came together on paper as herder and camp tender for the same sheep operation north of Signal. The summer range lay above the tree line on Forest Service land on Brokeback Mountain. It would be Jack Twist's second summer on the mountain, Ennis's first. Neither of them was twenty.
The purpose of this exercise is to show that the "problem" with horizontal
scrolling when a "row" of images in encountered is not a site problem, but a
browser problem. While a poster may work around IE's non-intelligence by
purposely indicating that each image should occupy a "row" of its own, this
dumbs-down the post and requires that users of intelligent browsers possibly
have to deal with significant white space to the right of the images, and
makes everyone have to vertically scroll needlessly.

Another workaround is to insert a single space between each image on a
single "row". This seems to "allow" IE to figure out that it can move an
image to the next "row" upon display. The images wil not be directly butted
up against each other, but will then have a small space in-between, like
this:

Image Image Image Image Image Image

I can't "fix" Internet Explorer's non-intelligence, other than to recommend
use of another browser that more intelligently uses available resources and
interprets HTML in a way that is more consistent with the W3C's
specification.
Regards,
Al S.

1982 Maxima diesel wagon, 2nd & 4th owner, 165k miles, rusty & burgundy/grey. Purchased 1996, SOLD 16Feb10
1983 Maxima diesel wagon, 199k miles, rusty, light yellow/light brown. SOLD 14Jul07
1981 720 SD22 (scrapped 04Sep07)
1983 Sentra CD17, 255k, bought 06Jul08, gave it away 22Jun10.
Carimbo
Posts: 467
Joined: 18 years ago

#2

Post by Carimbo »

I use (Mozilla) Firefox as first preference. When FF is a full-screen window, it displays the second set of "photos" as:
1 2
3 4
5 6
No h. scrolling, text also fit.

With FF as a reduced-size window:
1
2
3
4
5
6
Text fits to size.
User avatar
asavage
Site Admin
Posts: 5431
Joined: 18 years ago
Location: Oak Harbor, Wash.
Contact:

#3

Post by asavage »

In both cases, you have no horizontal scrolling. If you were to use IE, the second group of images would have IE make the window very wide, forcing you to have to scroll horizontally. It's an IE thing. I only use IE for testing.
Regards,
Al S.

1982 Maxima diesel wagon, 2nd & 4th owner, 165k miles, rusty & burgundy/grey. Purchased 1996, SOLD 16Feb10
1983 Maxima diesel wagon, 199k miles, rusty, light yellow/light brown. SOLD 14Jul07
1981 720 SD22 (scrapped 04Sep07)
1983 Sentra CD17, 255k, bought 06Jul08, gave it away 22Jun10.
User avatar
asavage
Site Admin
Posts: 5431
Joined: 18 years ago
Location: Oak Harbor, Wash.
Contact:

#4

Post by asavage »

Summary:
OK method

Code: Select all

[img]http://url.to.image/image1.jpg[/img]
[img]http://url.to.image/image2.jpg[/img]
[img]http://url.to.image/image3.jpg[/img]
Better method

Code: Select all

[img]http://url.to.image/image1.jpg[/img] [img]http://url.to.image/image2.jpg[/img] [img]http://url.to.image/image3.jpg[/img]
User avatar
philip
Deceased
Posts: 1494
Joined: 18 years ago
Location: Southern California, USA

#5

Post by philip »

philip wrote:Using IE6 ... I vote "The first six pics are intentionally stacked". Also, the prime pics be limited to 550 pix wide.
If someone posts a picture more than about 600px, all browsers at any viewport setting will require horizontal scrolling.

Ditto with long URLs.

Using a space between posts only allows the browser to put two pictures side-by-side, and then only if it can be displayed without horizontal scrolling. That's why it's a better method than using <Enter> between images when composing. If two pics can sit side-by-side, it reduces the vertical scrolling when vertical scrolling isn't absolutely required. Hence, "Better".

The workarounds (cures) I've tried on the server end were worse than the disease. Moderators can fix the long URLs in posters' posts, but if someone posts a very wide picture (such as 1982810maximadiesel did in his "My Quarter of a million mile Maxima!!" thread), there's little that can be done other than shout (or delete the photos).

Evidently, some are running wider screens than I am and don't see the problem of mandatory horizontal scroll at all.
User avatar
philip
Deceased
Posts: 1494
Joined: 18 years ago
Location: Southern California, USA

#6

Post by philip »

HMMMM. Are you "asavage"? Clearly I'm do not know who accidently EDITed a "philip" post instead of using "theirs" QUOTE. :roll: Couldn't this only happen in THIS forum? :D

About the very few HUGE wide (ie, 3 feet). You (asavage) always find and fix that few stuff the same day. "We" all adjust toward futures. :wink:

The often BIG pics that "people" send in my three moderators ... I just fix that with no muss. Well .... nearly no mention. :wink:

-Philip :wink:
philip wrote:
philip wrote:Using IE6 ... I vote "The first six pics are intentionally stacked". Also, the prime pics be limited to 550 pix wide.
If someone posts a picture more than about 600px, all browsers at any viewport setting will require horizontal scrolling.

Ditto with long URLs.

Using a space between posts only allows the browser to put two pictures side-by-side, and then only if it can be displayed without horizontal scrolling. That's why it's a better method than using <Enter> between images when composing. If two pics can sit side-by-side, it reduces the vertical scrolling when vertical scrolling isn't absolutely required. Hence, "Better".

The workarounds (cures) I've tried on the server end were worse than the disease. Moderators can fix the long URLs in posters' posts, but if someone posts a very wide picture (such as 1982810maximadiesel did in his "My Quarter of a million mile Maxima!!" thread), there's little that can be done other than shout (or delete the photos).

Evidently, some are running wider screens than I am and don't see the problem of mandatory horizontal scroll at all.
-Philip
Passed 08May2008
My friend, you are missed . . .

1982 Datsun 720KC SD-22

"Im slow and I'm ahead of you"
goglio704
Posts: 726
Joined: 18 years ago
Location: East Tennessee

#7

Post by goglio704 »

I've read Japenese poetry that was easier to follow than the previous post. Must be an inside joke between the two of you. :?

Fortunately, I now understand the difference between the space bar and enter key when posting multiple pics. :)
Matt B.

83 Maxima Sedan, LD28, 5 speed, white, 130k miles. My original Maxima.
83 Maxima Sedan converted from gasser, LD28, 5 speed, 2 tone blue, 230k miles
82 Maxima Sedan, LD28, 3 speed auto, 2 tone Gray/Silver, 140k miles
81 810 Sedan, LD28, 3 speed auto, rust, rust, and more rust!

2005 Jeep Liberty CRD
User avatar
asavage
Site Admin
Posts: 5431
Joined: 18 years ago
Location: Oak Harbor, Wash.
Contact:

#8

Post by asavage »

philip wrote:HMMMM. Are you "asavage"? Clearly I'm do not know who accidently EDITed a "philip" post instead of using "theirs"
Yup, I pulled a Philip and edited a post instead of quoting it.
-------------------------------
phpBB3 is almost up to RC1 status (it's b5 right now). When it reaches RC1, I will install it, for it will at that point have official support and an upgrade path to golden code is promised (neither of which occur for betas).

phpBB3 gives us file attachments, inline attachments, flash, customizable HTML properties, persistent Unread flags status via databased recordkeeping, and hopefully will protect Moderators better from this kind of misteak.

It won't, unfortunately, allow the Search feature to work on the PMs :( Well, something to look forward to.

I was going to install a file attachment MOD to phpBB2 (what we are running now), but have decided to wait for phpBB3 RC1 instead, as file attachment is native in that version.
Regards,
Al S.

1982 Maxima diesel wagon, 2nd & 4th owner, 165k miles, rusty & burgundy/grey. Purchased 1996, SOLD 16Feb10
1983 Maxima diesel wagon, 199k miles, rusty, light yellow/light brown. SOLD 14Jul07
1981 720 SD22 (scrapped 04Sep07)
1983 Sentra CD17, 255k, bought 06Jul08, gave it away 22Jun10.
User avatar
philip
Deceased
Posts: 1494
Joined: 18 years ago
Location: Southern California, USA

#9

Post by philip »

asavage wrote:
philip wrote:HMMMM. Are you "asavage"? Clearly I'm do not know who accidently EDITed a "philip" post instead of using "theirs"
Yup, I pulled a Philip and edited a post instead of quoting it.
Ok ... back to my vote regarding Al S. earlier:

Using IE6 ... I vote for "The first six pics are intentionally stacked". Also, the prime pics be limited the 1st pic to 550 pix wide. Some of use can or be able to "click" enlarged.
-Philip
Passed 08May2008
My friend, you are missed . . .

1982 Datsun 720KC SD-22

"Im slow and I'm ahead of you"
Post Reply

Who is online

Users browsing this forum: No registered users and 5 guests