[All text from this marker down to the next one, inclusive, can be removed and the bugs are still there.
This text does not affect them in any way.]
These ones are self-documenting! :-)
Conditions:
Amaya Release Number: 8.6 (August 23, 2004)
Platform: MacOS X (Darwin BSD) "Panther" 10.3.5, Amaya running in Apple's
(not Fink's or anyone else's) X11, version 1.0 using XFree86 4.3.0
(More specifically, the Amaya I am using is the one, and only one,
currently available via Fink.
This code has been validated (both HTML and CSS) with the W3C validators.
Issues (probably all to do with the same bug):
- 1) Apparent document width is ridiculously wide, yet there are no elements or content making it so. Just an Amaya bug. It's not even the document canvas, which ends at the right side of the visible page as it first appears, which is proven by the termination of the HR. This extra space is just something Amaya invented out of nothing.
- 2) The images in the table cells, all ALIGN="right", appear at the far, far right edge of the document (you have to side scroll about 3x the width of the visible page to find them. They're not just out of their cells and out of their table, they're out of the entire document canvas (which again is shown by where the HR terminates.)
- 3) The outer 5px-border table's CELLSPACING has collapsed on the right for no reason.
- 4) The DIV's ALIGN="center" is being violated. The 1px-border subtable (the content that is subject to the DIV) is not centered at all, but shifted a bit toward the right.
- 5) the ALIGNs of the individual TDs in the subtable are being being honored, which is good, and they demonstrate that space for the images has in fact been reserved. If you compare Amaya's rendering with that of any other browser, you'll see that the arrangement of the text in the blue table cells is precisely the same. There is enough room for the text and the ....'s that follow it AND the image. But the image just isn't there, it's way off in right-field. The text in the white cells helps show this, too.
- 6) The images' ALIGN attributes are being violated. NO MATTER WHAT the TD chooses for its own ALIGN, and ALIGN="right" on an image means the images goes as far right as possible. But you can see that the TD ALIGN attributes of the first three blue cells have in fact altered the relative positions of the images, all of which should be flush right inside their table cells, and even within the overall bug of them not being in the table and being off in a strange far-right space, they should be flush-right against the edge of that right-hand limbo.
- 7) Removal of the outer 5px-bordered table has a very interesting effect. It not only doesn't make the problem go away, it makes it worse! All of a sudden the inner (now sole) table leaps to the far right of the ACTUAL canvas, stopping where the HR did! Removing the DIV as well as no additional effect.
- 8) If you have removed the outer table and reloaded the document, if you reload it again, the page lurches downward just a little, occluding part of the "Home" cell. This behavior has been 100% repeatable for me. Moving back up to the top and reloading doesn't help.
- 9) On putting the outer table back in and reloading the same thing happens, but if you scroll back to the top of the document (not very far - what, maybe 30 pixels?) and THEN reload, the document displays normally again and this downward mini-jump doesn't happen any more.
- 10) If you change the HREFs of the images to point to non-existent files, the core problem still happens - the document is about 3x wider than it should be with "dead space" that isn't actually a part of the document at all. And another problem shows up: The ALT text (just "<" or ">" depending on which cell you are looking at) shows up to the LEFT of the document. ALT text is supposed to take the exact place and position of the image it is substituting for. I've yet to ever see any other browser mess this one up. I tested this very coder in 18 other browsers today (effectively more like 9 or 10 - a bunch were Mozilla variants and a bunch more were Safari variants), and not one of them put the ALT text on the left of the menu text.
- 11) If you change all the images' ALIGNs to "left", the document does size normally, but again we see that Safari is not honoring the image's ALIGN attribute, which supercedes that of the TD - the cell with ALIGN="center" has illegally pulled the image in that cell toward the center.
- 12) And finally removing all the SPAN elements makes the problem go away
completely. The images show up precisely where they should, the document is the correct width, the table isn't mangled, etc. This seems to demonstrate that Amaya has a serious CSS bug here. The entire stylesheet consists of a single class that sets font options for text that it applies to. There is no reason at all for this to affect the placement of images! The way Amaya is behaving now, if you were to create a DIV or SPAN for font-related hooey to apply to some text and you happen to have an image inlined in the same paragraph, all hell's going to break loose. Well, at least I tracked it down even if I can't fix it.
- NOTE: The last blue cell puts the IMG and the text inside a P container. I tried this as a test to see whether the problem I reported yesterday might be involved, but it doesn't seem to be (namely, that Amaya appeared to be applying the "IMG must be inside a block element such as P" rules of the strict DTD to the loose DTD by mistake.) Doesn't seem to be the issue, or that cell's image should be where it belongs.
- NOTE:) The penultimate blue cell is different from the others, too, in having no ALIGN and no NOWRAP attributes. These changes have no effect.
[All text from this marker back up to the first one, inclusive, can be removed and the bugs are still there.
This text does not affect them in any way.]