gbollard wrote:
The bullets were lined up neatly on the left - but yes, they look pretty terrible on the R.H.S.
I'm confused at your confusion.
I took a long while to work out what you meant here.
The little round black blobs are called "bullets". They line up perfectly.
Then I saw that you are referring to the text justification. Left aligned text always leaves a ragged RHS. This is normal. One can go for space adjusting techniques that align the RHS, as per book typesetting. However, that has nothing to do with this problem.
I don't believe there has been any intention to leave the huge gap to the left of the image, or the similarly huge gap above the footer.
I am thinking that the list should have just been simply laid out beside the image, with all the items showing much as the second half show. This is what Konqueror does, with the exception of just the first item, as opposed to the first five items.
Please! Someone with IE... tell me that IE lays it out like that.
=================
So... I went the whole hog, and looked at what is actually happening.
The problem is the relationship between the grey square and the unordered list. The image is actually fairly irrelevant.
The image is aligned to the right. If it were not for the grey square, the unordered list would simply flow down the left of the page.
However, the grey square is a horrendous misuse of a table. It has no contents at all, and is used purely to produce a grey square by fixing its width and height. This table is also made to align right, cuddling up to the image.
Then we run into the problem. What is left now, for the unordered list to flow around, is a really thin column of space at the left. This space is too thin for even one whole word - it is mere characters in width.
Now, the rules for HTML layout allow engines to choose what to do in this sort of situation. To multiply hyphenate every word, a character or so at a time, would look ludicrous. The layout engines are making different choices.
I might guess that IE (or whatever browser was used to test the code) just decided to ignore the grey square being in the way at all.
Mozilla based engines seem to allow each word to overlap the grey square, until they get to the bottom, then the list get to flow in a more sensible way.
Konqueror seems to have got confused... I forget exactly what it did after the first list item... whether it had stretched that vertically even more so, say, by hyphenations.
Opera seems to have a bug, in that it lost the grey square's greyness, somewhere along the way.
As to the extra white space after the list, I haven't looked for what causes that. The HTML is chock-a-block full of weird usages of tables, divisions, spans... I'm confident that there are more conflicts lurking in there.
_________________
"Striking up conversations with strangers is an autistic person's version of extreme sports."
Kamran Nazeer