Closed Bug 76244 Opened 19 years ago Closed 17 years ago

Background image on HR element doesn't obey CSS rule: "background-position: top left;"

Categories

(Core :: Layout, defect)

All
Windows NT
defect
Not set

Tracking

()

RESOLVED FIXED
mozilla1.0.1

People

(Reporter: cmanske, Assigned: ian)

References

Details

(Keywords: css1, testcase, Whiteboard: [Hixie-P4] [fix in hand][CSS1-5.3.6])

Attachments

(1 file)

In Composer, we use background images in our "Show All Tags" mode:
1. Start a new page
2. Click on "H.Line" toolbar button to insert an HR
3. Click on "Show All Tags" tab at botton of content window, or use menu:
   View | Show All Tags
You should see a yellow icon with "HR" sideways. The CSS in the overlay style
sheet for "Show All Tags" is:
hr {
  min-height: 20px; margin-left: 2px; margin-top: 2px;
  padding-left: 17px;
  background-image: url(chrome://editor/content/images/tag-hr.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

But the image is *not* starting at the left edge of the HR frame.
If you double click on the HR in the Composer page, you get the properties
dialog. Uncheck "3D shading" and click "Ok". That sets the "noshade"
HTML attribute. Note that in Show All Tags mode, the solid rendering of the
HR now hides the background image.
I'll attach an HTML test file you can use in Viewer.
Blocks: 76203
Reassigning to attinasi.
Assignee: karnaze → attinasi
Target Milestone: --- → mozilla0.9.1
I've fixed this already. My fix is in bug 38370. Unfortunately that is blocked
by some other bugs. Marking dependencies and taking bug.

Note that the official result of mixing "noshade" with CSS properties is 
totally undefined, and my 'fix' doesn't do it the way IE does it. I'm open to
suggested improvements.
Assignee: attinasi → ian
Depends on: 38370
Keywords: css1, testcase
Whiteboard: [Hixie-P4] [fix in hand]
Target Milestone: mozilla0.9.1 → mozilla1.0
Possibly related: A background image of a <table> element also doesn't appear in
the correct place:

<table style="background: url(blar.gif) 100% 100% no-repeat;" width=100%
height=95% cellpadding=0 cellspacing=0 border=0>
<tr><td>Some Text.</td></tr></table>

...is supposed to yield a single, untiled image in the bottom right corner of
the table. Instead the image is simply tiled, starting from the top-left.
[Mozilla/5.0 (X11; U; Linux 2.2.16 i686; en-US; rv:0.9) Gecko/20010505]
Bugs targeted at mozilla1.0 without the mozilla1.0 keyword moved to mozilla1.0.1 
(you can query for this string to delete spam or retrieve the list of bugs I've 
moved)
Target Milestone: mozilla1.0 → mozilla1.0.1
Whiteboard: [Hixie-P4] [fix in hand] → [Hixie-P4] [fix in hand][CSS1-5.3.6]
This seems to work for me... the image starts in the right place.
Fixed by checkin for bug 38370
Status: NEW → RESOLVED
Closed: 17 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.