Closed
Bug 437601
Opened 17 years ago
Closed 17 years ago
Borders around <A>nchors rendered incorrectly
Categories
(Firefox :: Tabbed Browser, defect)
Tracking
()
People
(Reporter: zero794, Unassigned)
Details
Attachments
(1 file)
|
607 bytes,
text/html
|
Details |
User-Agent: Mozilla/4.0 (compatible)
Build Identifier: Firefox 2.0.0.1
I don't know how to submit a file with this form,
so please make yourself a test "1.jpg" sized to visible
picture.
<style>
a:active, a:hover { border: 6px #00c8f0 dashed }
</style>
<a href=# onclick="JavaScript:DoSomething()" id="link"
><img border=2 src="1.jpg" width=200 height=100
> some text here</a>
<script>
var a = document.getElementById("link");
a.focus();
</script>
<hr>
Reproducible: Always
Steps to Reproduce:
1. View it with IE.
2. View it with Firefox.
3. Note the incorrect border placement in Firefox.
|
||
Comment 1•17 years ago
|
||
|
|
||
Comment 2•17 years ago
|
||
Firefox (and Opera, Safari) display the border correctly, per CSS2.1.
The bug is in IE7. FWIW, the bug appears to have been fixed in IE8 beta
in Standards mode (that is, if you add <!DOCTYPE HTML> at the start
of the page).
-> INVALID
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → INVALID
Yes, I expected such a short and non-descriptive reply.
When referring to a standard, anyone shall specify
the exact chapter/article, 'cause I might say quite
the same: no, CSS is violated here!
Status: RESOLVED → UNCONFIRMED
Resolution: INVALID → ---
Oh, by the way:
Firefox doesn't correctly activate the link in the test case,
the "a:active" rule doesn't trigger as expected,
no border appeared when link is selected with, say,
TAB key.
|
|
||
Comment 5•17 years ago
|
||
(In reply to comment #3)
Borders are drawn around inline boxes, not line boxes.
http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced
"The height of the content area should be based on the font" ... "The vertical padding, border and margin of an inline, non-replaced box start at the top and bottom of the content area, not the 'line-height'."
For further details, see:
http://meyerweb.com/eric/css/inline-format.html
|
|
||
Comment 6•17 years ago
|
||
(In reply to comment #4)
TAB is used to focus elements. Try using :focus
http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago → 17 years ago
Resolution: --- → INVALID
In reply to comment #5:
Mats, you're definitely prejudice for the problem.
I'm not that versed in CSS displaying models, but
for the cited
http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced
I red the term "based on", not "equal to", and you
adroitly omitted ", but this specification does not specify how".
The overall discussion is held in the context of text-only
elements.
The following
http://meyerweb.com/eric/css/inline-format.html
doesn't neither confirm nor reject the issue clearly.
I advise you, Mats, to leave the problem to someone else
who is more flexible in suggestions, and ready to admit.
In reply to comment #6:
We're not talking about what we shall
"try", but what has to be supported by the browser.
Well, how to trigger "a:active", you tell me!
Status: RESOLVED → UNCONFIRMED
Resolution: INVALID → ---
|
||
Updated•17 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago → 17 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•