Closed Bug 226487 Opened 21 years ago Closed 20 years ago

'clear' not working on empty block

Categories

(Core :: Layout: Floats, defect)

x86
Windows XP
defect
Not set
normal

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. ***

*** This bug has been marked as a duplicate of 209694 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
Whiteboard: DUPEME
You need to log in before you can comment on or make changes to this bug.