73069 - Text overlays right-or-left aligned image

Status: VERIFIED WORKSFORME

(Core :: Layout: Tables, defect)

Description

[Randell Jesup [:jesup] (needinfo me)]

FreeBSD 4.1 20010321xx

The text on this page overlayed the bottom of a right-aligned image on my
system.  Going to another page an hitting back caused it to display correctly. 
Hitting reload caused it to fail again.

Here's a snippet of the relevant HMTL; nothing fancy.  I'm assuming it's an
ordering issue where the size of the image wasn't known while loading, and when
it was the text wasn't reflowed.


		Broadcasters want the FCC to regulate interactive television in order to
stimulate competition, but such excessive regulation could stifle the
development of emerging iTV technologies, according to comments filed by the NAB
and NCTA this week. The comments were filed in response to a commission notice
of inquiry (NOI) on the issue.<P>

<a href=/Content/IndustrySearch/Results.asp?text=iTV><img
src=http://a1440.g.akamaitech.net/7/1440/917/f8a377b7c2eed6/www.digitalbroadcasting.com/crlive/files/Images/14DA33B4-12C0-11D5-A770-00D0B7694F32/searchclick1.gif
align=right border=0></a>The NAB wants the commission to adopt strict guidelines
that will prevent cable from exercising its ?gatekeeper? status through the use
of electronic program guides and to develop separate regulations covering analog
and digital services.<P>

Comment 1

[karnaze (gone)]

I'm not seeing the problem on my WinNT 3/20 build (with some more recent table 
changes). It sounds like bug 72393, but I couldn't get the url to fail without 
the patch in that bug. Is "click here" the image in question?

Comment 2

[Randell Jesup [:jesup] (needinfo me)]

Yes, it's click here.  Attaching gif.

My window is 1110x893, modern, with a somewhat large font, which is scaled in
the case of this site.

My prefs.js:
# Mozilla User Preferences
// This is a generated file!

user_pref("browser.cache.directory", "/home/jesup/.mozilla/default/Cache");
user_pref("browser.display.screen_resolution", 100);
user_pref("browser.download.dir", "/home/jesup/swords/pictures");
user_pref("browser.history.last_page_visited", "http://www.mozilla.org/");
user_pref("browser.homepage.enable_home_button_drop", false);
user_pref("browser.startup.homepage", "");
user_pref("browser.startup.homepage_override.1", false);
user_pref("editor.history_title_0", "CNN.com - Career - A wardrobe that works:
Career cool - October 19, 2000");
user_pref("editor.history_url_0",
"http://www.cnn.com/2000/CAREER/trends/10/19/casual/index.html");
user_pref("font.default", "sans-serif");
user_pref("font.size.variable.x-western", 18);
user_pref("intl.charsetmenu.browser.cache", "us-ascii, windows-1252, UTF-8");
user_pref("layout.reflow.dumpframecounts", false);
user_pref("layout.reflow.showframecounts", false);
user_pref("mail.account.account1.identities", "id1");
user_pref("mail.account.account1.server", "server1");
user_pref("mail.accountmanager.accounts", "account1");
user_pref("mail.server.server1.hostname", "news.mozilla.org");
user_pref("mail.server.server1.max_cached_connections", 2);
user_pref("mail.server.server1.type", "nntp");
user_pref("mail.server.server1.valid", false);
user_pref("network.proxy.http", "tics206.eng.tvol.net");
user_pref("network.proxy.http_port", 3128);
user_pref("prefs.converted-to-utf8", true);
user_pref("print.print_color", false);
user_pref("print.print_file", "mozilla.ps");
user_pref("print.print_margin_bottom", 0);
user_pref("print.print_margin_left", 500);
user_pref("print.print_margin_right", 0);
user_pref("print.print_margin_top", 500);
user_pref("print.print_tofile", false);
user_pref("security.warn_entering_secure", false);
user_pref("security.warn_submit_insecure", false);
user_pref("signon.SignonFileName", "69997079.s");
user_pref("timebomb.first_launch_time", "969979173422295");
user_pref("wallet.SchemaValueFileName", "78732295.w");
user_pref("wallet.caveat", true);

Comment 3

[Randell Jesup [:jesup] (needinfo me)]

Attachment: GIF of problem

Comment 4

[Peter Lubczynski]

I confirm this is still happening in today's build on Windows 2000. On first 
load, the text is incorrect. On refresh, it's okay.

Comment 5

[Peter Lubczynski]

Attachment: local copy of url

Comment 6

[rdonkin]

Similar problem appears with 0.9.1 on Win2000 at
http://twiki.org/cgi-bin/view/Codev/WikiWay?rev=1.3 - image is left-aligned, and
bullets from text (but not the text itself) overlaps the image.  IE5 shows image
'over' the bullets, hiding them, so it looks OK.

This may be another bug but it looks similar, and HTML is quite simple:

<img src="/pub/Codev/WikiWay/wikiway.jpg" width="112" height="140"
alt="wikiway.jpg" align="left">
<ul>
<li> The Wiki Way is a book by Bo Leuf and Ward Cunningham
<li> <a
href="http://shop.barnesandnoble.com/booksearch/isbnInquiry.asp?isbn=020171499X">ISBN:020171499X</a>
<li> Details at <a href="http://www.wiki.org/wiki.cgi?WikiWay">WikiOrg:WikiWay</a>
<li> Supporting Web site is <a href="http://www.wiki.org/"
target="_top">http://www.wiki.org/</a>
</ul>
<p> <br clear="all" />
<br>
<p> -- <a href="/cgi-bin/view/Main/JohnTalintyre">JohnTalintyre</a> - 05 Jun
2001 <br>

Comment 7

[Randell Jesup [:jesup] (needinfo me)]

changed summary

Comment 8

[ron]

I can confirm this is still happening with build 2001080104 on linux. On first 
load, the text is incorrect. On refresh, it's okay. (Window width before load =
830px)

Comment 9

[Christopher Hoess (gone)]

WFM, fresh linux CVS.

Comment 10

[Randell Jesup [:jesup] (needinfo me)]

Definitely still happens with fresh pull, Linux/FreeBSD.  The bug is only seen
if you size the window large enough so that the image impacts the third
paragraph (it's normally to the right of the second).  See the jpg attached.  If
you resize, hit reload to see the bug again.

Some of dbaron's layout stuff might be involved/useful here; cc'ing

Comment 11

[karnaze (gone)]

We need a reduced test case.

Comment 12

[Randell Jesup [:jesup] (needinfo me)]

Attachment: Minimal testcase - requires playing around with window size!

Comment 13

[Randell Jesup [:jesup] (needinfo me)]

MInimal testcase attached.  You DO have to play around with the window size,
hitting reload after each resize (since the bug goes away on resize, forward or
back).  Also note it probably won't be seen in viewer, since I think it only
happens with incremental reflow.

The arrangement to cause the bug is crucial; the image has to impact the third
paragraph, but not so much that the whole third paragraph sits to the left of
it.  It happens on WIn32 and Unix.  Changing font sizes is NOT required, though
that might make it simpler to find the window config to show it.  (I've repeated
it with default font sizes.)

I'll attach the needed image (edit the <img> tag), and a screenshot.

Comment 14

[Randell Jesup [:jesup] (needinfo me)]

Attachment: searchclick1.gif

Comment 15

[Randell Jesup [:jesup] (needinfo me)]

Attachment: screenshot of problem

Comment 16

[anthonyd]

I'm not seeing this at all on win2k with the newest build.  can anyone else 
repro this?

Comment 17

[Dimitrios]

wfm 2002010203, Win95.

Comment 18

[Randell Jesup [:jesup] (needinfo me)]

WFM Linux mozilla 20020103xx

I'm resolving it.  I suspect dbaron's changes may have fixed this.

Comment 19

[Amarendra Hanumanula]

 WFM. Marking verified