This repository has been archived by the owner on Dec 18, 2018. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fixes in response to Geoffrey Sneddon's review, see #1139 (review)
- Loading branch information
1 parent
0581286
commit 5d5916d
Showing
2 changed files
with
51 additions
and
0 deletions.
There are no files selected for viewing
22 changes: 22 additions & 0 deletions
22
css21/margin-padding-clear/margin-collapse-min-height-002-ref.xht
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | ||
<title>CSS margin: Margin collapsing and elements with min-height</title> | ||
<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" /> | ||
<style type="text/css"> | ||
#container {width: 50px; border-top: 1px solid transparent; | ||
background: green} | ||
#parent {height: 50px; background-color: white; margin-top: 50px} | ||
#following-sibling {height: 50px; background-color: green} | ||
</style> | ||
</head> | ||
<body> | ||
<p>There should be two solid green squares and no red on this page</p> | ||
|
||
<div id="container" > | ||
<div id="parent"> | ||
</div> | ||
<div id="following-sibling"></div> | ||
</div> | ||
</body> | ||
</html> |
29 changes: 29 additions & 0 deletions
29
css21/margin-padding-clear/margin-collapse-min-height-002.xht
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | ||
<title>CSS margin: Margin collapsing and elements with min-height</title> | ||
<link rel="author" title="Bert Bos" href="mailto:bert@w3.org" /> | ||
<link rel="help" href="http://www.w3.org/TR/CSS22/box.html#collapsing-margins" /> | ||
<link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.8.3.1c" /> | ||
<link rel="match" href="margin-collapse-min-height-002-ref.xht" /> | ||
<meta name="assert" content="If the top margin of a box with non-zero computed 'min-height' and 'auto' computed 'height' collapses with the bottom margin of its last in-flow child, then the child's bottom margin does not collapse with the parent's bottom margin." /> | ||
<style type="text/css"> | ||
#container {width: 50px; height: 50px; border-top: 1px solid transparent; | ||
border-bottom: 100px solid red; background: green} | ||
#parent {height: auto; min-height: 50px; background-color: white} | ||
#child {margin-bottom: 50px} | ||
#following-sibling {height: 50px; background-color: green} | ||
</style> | ||
</head> | ||
<body> | ||
<!-- Credit for this test goes to Anton Prowse, see | ||
https://www.w3.org/Bugs/Public/show_bug.cgi?id=16036#c4 --> | ||
<p>There should be two solid green squares and no red on this page</p> | ||
<div id="container" > | ||
<div id="parent"> | ||
<div id="child"></div> | ||
</div> | ||
<div id="following-sibling"></div> | ||
</div> | ||
</body> | ||
</html> |