third_party/WebKit/LayoutTests/css2.1/20110323/floating-replaced-height-008.htm - Issue 2827713002: Delete duplicated LayoutTests from css2.1/20110323

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/css2.1/20110323/floating-replaced-height-008.htm

Issue 2827713002: Delete duplicated LayoutTests from css2.1/20110323 (Closed)

Patch Set: 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/css2.1/20110323/float-replaced-width-011.htm ('k') | third_party/WebKit/LayoutTests/css2.1/20110323/floats-001.html » ('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 HTML 4.01//EN" "http://www.w3.org/TR/html4/st rict.dtd">

2 <html>

3

4 <head>

5

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

7

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

9 <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">

10 <link rel="bookmark" href="https://bugs.kde.org/show_bug.cgi?id=274790" title= "Bug 274790: object specified with width and height percentages and with intrins ic ratio">

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

12 <meta content="image" name="flags">

13 <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">

14

15 <style type="text/css">

16 img {float: left;}

17 </style>

18

19 </head>

20

21 <body>

22

23 <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>

24

25 <div>

26 <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="FAIL: image download must be enabled">

27

28 <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">

29

30 <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" al t="FAIL: image download must be enabled">

31

32 <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">

33

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

35 </div>

36

37 </body>

38 </html>

OLD	NEW