Closed
Bug 226487
Opened 21 years ago
Closed 21 years ago
'clear' not working on empty block
Categories
(Core :: Layout: Floats, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 209694
People
(Reporter: pendle_666, Unassigned)
References
()
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.5) Gecko/20031007
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.5) Gecko/20031007
There should be a grey bar rendered on-screen, beneath the menu & logo. The
title "Welcome to the Raworths website" and following text should be below this bar.
This bar is displayed using "<div id="greybar" class="navitext"></div>".
The style sheet contains the following elements:
#greybar{margin:0 0 1em 0; height:0.5em; color: #000000; background-color: #eeeeee;}
.navitext{padding:0 0 0 1.75em; font-size:0.7em; font-weight:600; text-align: left;}
Both the XHTML and the CSS have been validated on the W3C website.
This page renders correctly in IE5/6, Netscape 7 & acceptably in Opera 5.
Reproducible: Always
Steps to Reproduce:
1. Open above page in Mozilla.
Actual Results:
Page rendered incorrectly. Grey bar does not appear on screen.
Expected Results:
Should have rendered CSS Level 2 correctly and displayed grey bar.
Something's wrong with 'clear' on empty boxes.
Assignee: dbaron → float
Component: Style System (CSS) → Layout: Floats
Whiteboard: DUPEME
Summary: Improper rendering of lines using Style Sheets & DIV ID → 'clear' not working on empty block
*** Bug 228896 has been marked as a duplicate of this bug. ***
|
||
Comment 3•21 years ago
|
||
*** This bug has been marked as a duplicate of 209694 ***
Status: UNCONFIRMED → RESOLVED
Closed: 21 years ago
Resolution: --- → DUPLICATE
Whiteboard: DUPEME
You need to log in
before you can comment on or make changes to this bug.
Description
•