third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/abspos-containing-block-010.xht - Issue 2824603002: Import css21/positioning W3C CSS Test Suite

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/abspos-containing-block-010.xht

Issue 2824603002: Import css21/positioning W3C CSS Test Suite (Closed)

Patch Set: git rebase-update Created 3 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
(Empty)
	1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/ DTD/xhtml11.dtd">

	2 <html xmlns="http://www.w3.org/1999/xhtml">

	3 <head>

	4 <title>CSS Test: Absolute Positioning: Containing Block of Top Level Absolutel y Positioned Block</title>

	5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>

	6 <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade. net/contact"/>

	7 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-bloc k-details" />

	8 <link rel="match" href="abspos-containing-block-010-ref.xht" />

	9

	10 <style type="text/css">

	11 html { margin: 0; border: 0; padding: 0; background: white; color: yellow; }

	12 body { margin: 1em; border: 1em solid red; padding: 1em; background: red; col or: yellow; }

	13 p { margin: 1em; padding: 1em; }

	14 div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backgro und: green; color: white; }

	15 </style>

	16 </head>

	17 <body>

	18 <p>FAIL</p>

	19 <p>This page should be completely green.</p>

	20 <div>Test passes if there is <strong>no red</strong>.</div>

	21 <!-- the <div> element should exactly overlap the <html> element,

	22 since they have the same dimensions and the same containing block

	23 and the same origin. -->

	24 </body>

	25 </html>

OLD	NEW