Closed Bug 203692 Opened 22 years ago Closed 22 years ago

Document background color rendered instead of <div> background color

Categories

(Core :: Layout: Floats, defect)

Product:
Core
Component:
Layout: Floats
Platform:
x86
Windows 2000
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: mrward, Unassigned)

References

(
URL
)

Details

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4a) Gecko/20030401 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4a) Gecko/20030401 The text on this page should be rendered black on white. Mozilla 1.4 (and 1.3) renders it black on blue (linux and windows 2000). IE renders it as intended (or at least as I mean to intend it :) ) It appears that the when the "logo" <div> is closed, Mozilla is using the document's style settings instead of the containing "box" <div> style settings as specified in the linked style sheet. Reproducible: Always Steps to Reproduce: Simply open www.tcsl.org/index.html in Mozilla 1.4 Actual Results: The page renders with a blue background where a white background is intended. Expected Results: The <body> background is blue as specified by the linked style sheet. However, there is "box" <div> that changes the background color to white. The "logo" <div> is contained within the "box" <div>. The background color is rendered correctly in the "logo" <div> but not in the text that follows the "logo" <div> (and is still contained in the "box" <div>). The page has been verified HTML 4.01 strict by the W3C.ORG validator. I have not verified the style sheet. I have seen this bug on more than one computer (linux, windows 2000, windows xp).
Has something to do with the application of float. If I take the float off either .column1 or .column2, the background renders white as expected. -->Layout/Floats
Component: Browser-General → Layout: Floats
Forgot to assign to component owner.
Assignee: asa → float
QA Contact: asa → ian
The floats do not increase the size of the parent <div> and thus overflow it. IE has a bug -- it will increase the height of position:relative divs to contain the floats in them. Which is what's happening on this page. We're rendering the <div> background inside the div, correctly. But most of the text is simply outside the <div>.
Status: UNCONFIRMED → RESOLVED
Closed: 22 years ago
Resolution: --- → INVALID
I would have to agree since the <div> themselves do not have an intrinsic height. Thanks...
You need to log in before you can comment on or make changes to this bug.