third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats-clear/floating-replaced-height-008.xht - Issue 2818213003: Import css21/floats-clear 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/floats-clear/floating-replaced-height-008.xht

Issue 2818213003: Import css21/floats-clear W3C CSS Test Suite (Closed)

Patch Set: update TestExpectations 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:

View unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats-clear/float-replaced-width-011-ref.xht ('k') | third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats-clear/floats-001.xht » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">

	2

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

	4

	5 <head>

	6

	7 <title>CSS Test: Floating replaced elements - specified width, height in perce ntages and intrinsic ratio</title>

	8

	9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB ugsSection/css21testsuite/" />

	10 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced -height" title="10.6.2 Inline replaced elements, block-level replaced elements i n normal flow, 'inline-block' replaced elements in normal flow and floating repl aced elements" />

	11 <link rel="bookmark" href="https://bugs.kde.org/show_bug.cgi?id=274790" title=

	12 "Bug 274790: object specified with width and height percentages and with intri nsic ratio" />

	13 <meta http-equiv="Content-Style-Type" content="text/css" />

	14 <meta content="image interact" name="flags" />

	15 <meta content="When 'height: 1%' (or any other percentage) applies to a floati ng replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to ' auto'. Then, if such floating replaced element has an intrinsic ratio and its us ed width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio)." name="assert" />

	16

	17 <style type="text/css"><![CDATA[

	18 img {float: left;}

	19 ]]></style>

	20

	21 </head>

	22

	23 <body>

	24

	25 <p>There should be <strong>5 filled green squares</strong> with the same width and the <strong>same height</strong>. The 5 filled green squares should be <str ong>identical</strong> to each other. This should still remain true even after a window resize.</p>

	26

	27 <div>

	28 <img src="support/60x60-green.png" width="15%" alt="FAIL: image download must be enabled" /><img src="support/swatch-white.png" width="5" height="5" alt="FAI L: image download must be enabled" />

	29

	30 <img src="support/60x60-green.png" width="15%" height="1%" alt="FAIL: image d ownload must be enabled" /><img src="support/swatch-white.png" width="5" height= "5" alt="FAIL: image download must be enabled" />

	31

	32 <img src="support/60x60-green.png" style="width: 15%;" alt="FAIL: image downl oad must be enabled" /><img src="support/swatch-white.png" width="5" height="5" alt="FAIL: image download must be enabled" />

	33

	34 <img src="support/60x60-green.png" style="width: 15%; height: auto;" alt="FAI L: image download must be enabled" /><img src="support/swatch-white.png" width=" 5" height="5" alt="FAIL: image download must be enabled" />

	35

	36 <img src="support/60x60-green.png" style="width: 15%; height: 1%;" alt="FAIL: image download must be enabled" />

	37 </div>

	38

	39 </body>

	40 </html>

OLD	NEW