{inc} CSS: Margin-bottom not working properly with a percentage value

VERIFIED FIXED in M6

Status

()

Core
Layout
P4
minor
VERIFIED FIXED
20 years ago
19 years ago

People

(Reporter: Christine Hoffman, Assigned: buster)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

20 years ago
Using 3/4 build on Win 95, Win NT, Win 98, Linux and Mac 8.5 (2/26 build)/

Open URL.

Expected result: The paragraph should have a bottom margin of 50%.
Actual result: The paragraph does not have a bottom margin of 50% - the bottom
margin is much greate than tha.

Comment 1

20 years ago
Removing myself from cc.

Updated

19 years ago
Assignee: peterl → troy
Component: Style System → Layout

Comment 2

19 years ago
The margin shows up if you resize the window

Updated

19 years ago
Assignee: troy → kipp

Updated

19 years ago
Severity: normal → minor
Status: NEW → ASSIGNED
Priority: P2 → P4
Summary: CSS: Margin-bottom not working properly with a percentage value → {inc} CSS: Margin-bottom not working properly with a percentage value
Target Milestone: M6

Updated

19 years ago
Status: ASSIGNED → RESOLVED
Last Resolved: 19 years ago
Resolution: --- → FIXED

Comment 3

19 years ago
Fixed. Note: % margins are based on the ***width*** of the containing
block....The test works dandy now.
(Reporter)

Updated

19 years ago
Status: RESOLVED → VERIFIED
(Reporter)

Comment 4

19 years ago
Revised test case for verification:

<HTML>
<HEAD>
<TITLE>margin-bottom: pct</TITLE>
	<STYLE type="text/css">
		.three { margin-bottom: 50%; margin-top: 0; border: solid red }
		.one { width: 200px; border-style: solid }
	</STYLE>
</HEAD>
<BODY class="one">
<P class="three">Margin-top/right/bottom/left percentages refer to the 'width'
of containing block. Containing block here is the BODY.</P>
</BODY>
</HTML>

Margin-bottom percentage is verified fixed.
You need to log in before you can comment on or make changes to this bug.