Closed
Bug 254667
Opened 21 years ago
Closed 15 years ago
benefit-from-it.com - Horizontal UL with top & bottom borders: bottom border runs through / precedes list items
Categories
(Tech Evangelism Graveyard :: English US, defect)
Tech Evangelism Graveyard
English US
Tracking
(Not tracked)
RESOLVED
INCOMPLETE
People
(Reporter: philipchalmers, Unassigned)
References
()
Details
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3
Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3
The sample page contains a page-contents menu which is a UL with CSS styling set to:
UL.pgIndex { display: block; position: relative; width: 97%;
list-style-type: none; margin: 0; padding: 0 0 10px 0;
border: 4px double #339933; border-right: none; border-left: none; }
UL.pgIndex LI { display: block; float: left; margin: 0px 20px 0px 0;
padding: 7px 0 7px 0; width: auto; }
The HTML for the UL is:
<ul class="pgIndex">
<li><nobr><a href="#invertedPyramid">Summary / conclusions first, details
later</a></nobr>
<li><nobr><a href="#invPyramidAllLevels">Do this at all levels</a></nobr>
</ul>
Doctype is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
The bottom border of the UL runs through the upper part of the first line of the
list items.
The same code works as intended in IE5 and NN6.2 - the bottom border appears
below the last list item.
Reproducible: Always
Steps to Reproduce:
1. Create UL and CSS as described above
2.
3.
Actual Results:
The bottom border of the UL runs through the upper part of the first line of the
list items.
Expected Results:
The bottom border of the UL should appear below the last list item.
|
||
Comment 1•21 years ago
|
||
I don't think this is a bug in Mozilla.
Floating objects don't take up space for block containers. If you would do:
UL.pgIndex {display:table} it also works for Mozilla.
|
||
Updated•21 years ago
|
Assignee: firefox → nobody
Component: General → Layout
Product: Firefox → Browser
QA Contact: firefox.general → core.layout
Version: unspecified → 1.7 Branch
|
|
||
Comment 2•21 years ago
|
||
Yep. The layout is correct given that the list items are floated.
Note that NN6.2 has a bug where the height of the <ul> will change because of
the position:relative style on it.... That bug has been fixed since.
IE5 just screws up floats in general, plain and simple.
Assignee: nobody → english-us
Status: UNCONFIRMED → NEW
Component: Layout → English US
Ever confirmed: true
OS: Windows 98 → All
Product: Browser → Tech Evangelism
QA Contact: core.layout → english-us
Hardware: PC → All
Version: 1.7 Branch → unspecified
|
||
Comment 3•21 years ago
|
||
Conforming summary to TFM item 10 at
http://www.mozilla.org/projects/tech-evangelism/site/procedures.html#file-new
Summary: Horizontal UL with top & bottom borders: bottom border runs through / precedes list items → benefit-from-it.com - Horizontal UL with top & bottom borders: bottom border runs through / precedes list items
|
|
||
Comment 4•15 years ago
|
||
INCOMPLETE due to lack of activity since the end of 2009.
If someone is willing to investigate the issues raised in this bug to determine whether they still exist, *and* work with the site in question to fix any existing issues, please feel free to re-open and assign to yourself.
Sorry for the bugspam; filter on "NO MORE PRE-2010 TE BUGS" to remove.
Status: NEW → RESOLVED
Closed: 15 years ago
Resolution: --- → INCOMPLETE
|
||
Updated•10 years ago
|
Product: Tech Evangelism → Tech Evangelism Graveyard
You need to log in
before you can comment on or make changes to this bug.
Description
•