-layer at (0,0) size 785x2368
+layer at (0,0) size 785x2324
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x2368
- RenderBlock {HTML} at (0,0) size 785x2368
- RenderBody {BODY} at (8,8) size 769x2352
+layer at (0,0) size 785x2324
+ RenderBlock {HTML} at (0,0) size 785x2324
+ RenderBody {BODY} at (8,8) size 769x2308
RenderBlock (anonymous) at (0,0) size 769x36
RenderText {#text} at (0,0) size 765x36
text run at (0,0) width 538: "Test of objects that avoid floats to see what they do with percentage and auto widths. "
RenderBlock (anonymous) at (0,54) size 769x18
RenderText {#text} at (0,0) size 507x18
text run at (0,0) width 507: "The inline-level button should be below the select and fill the width of the block."
- RenderBlock {P} at (0,88) size 220x82 [border: (10px solid #FF0000)]
+ RenderBlock {P} at (0,88) size 220x74 [border: (10px solid #FF0000)]
RenderText {#text} at (10,10) size 60x18
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (70,24) size 0x0
- RenderMenuList {SELECT} at (10,30) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (10,28) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
- RenderButton {INPUT} at (10,52) size 200x18 [bgcolor=#C0C0C0]
+ RenderButton {INPUT} at (10,46) size 200x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2.50) size 184x13
RenderText {#text} at (86,0) size 12x13
text run at (86,0) width 12: "Hi"
RenderText {#text} at (0,0) size 0x0
- RenderBlock (anonymous) at (0,186) size 769x18
+ RenderBlock (anonymous) at (0,178) size 769x18
RenderText {#text} at (0,0) size 473x18
text run at (0,0) width 473: "The floating button with a percentage width should be even with the select."
- RenderBlock {P} at (0,220) size 220x60 [border: (10px solid #FF0000)]
+ RenderBlock {P} at (0,212) size 220x56 [border: (10px solid #FF0000)]
RenderText {#text} at (10,10) size 60x18
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (70,24) size 0x0
- RenderMenuList {SELECT} at (10,30) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (10,28) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
- RenderButton {INPUT} at (110,30) size 100x18 [bgcolor=#C0C0C0]
+ RenderButton {INPUT} at (110,28) size 100x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2.50) size 84x13
RenderText {#text} at (36,0) size 12x13
text run at (36,0) width 12: "Hi"
RenderText {#text} at (0,0) size 0x0
RenderBR {BR} at (210,28) size 0x18
- RenderBlock (anonymous) at (0,296) size 769x18
+ RenderBlock (anonymous) at (0,284) size 769x18
RenderText {#text} at (0,0) size 462x18
text run at (0,0) width 462: "The block-level button with an auto width should be even with the select."
- RenderBlock {P} at (0,330) size 220x78 [border: (10px solid #FF0000)]
+ RenderBlock {P} at (0,318) size 220x74 [border: (10px solid #FF0000)]
RenderBlock (anonymous) at (10,10) size 200x18
RenderText {#text} at (0,0) size 60x18
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (60,14) size 0x0
- RenderMenuList {SELECT} at (0,20) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (0,18) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
- RenderButton {INPUT} at (110,30) size 27.27x18 [bgcolor=#C0C0C0]
+ RenderButton {INPUT} at (110,28) size 27.27x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2.50) size 11.27x13
RenderText {#text} at (0,0) size 12x13
text run at (0,0) width 12: "Hi"
- RenderBlock (anonymous) at (10,50) size 200x18
+ RenderBlock (anonymous) at (10,46) size 200x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock (anonymous) at (0,424) size 769x18
+ RenderBlock (anonymous) at (0,408) size 769x18
RenderText {#text} at (0,0) size 495x18
text run at (0,0) width 495: "The block-level button with a percentage width should be even with the select."
- RenderBlock {P} at (0,458) size 220x78 [border: (10px solid #FF0000)]
+ RenderBlock {P} at (0,442) size 220x74 [border: (10px solid #FF0000)]
RenderBlock (anonymous) at (10,10) size 200x18
RenderText {#text} at (0,0) size 60x18
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (60,14) size 0x0
- RenderMenuList {SELECT} at (0,20) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (0,18) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
- RenderButton {INPUT} at (110,30) size 100x18 [bgcolor=#C0C0C0]
+ RenderButton {INPUT} at (110,28) size 100x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2.50) size 84x13
RenderText {#text} at (36,0) size 12x13
text run at (36,0) width 12: "Hi"
- RenderBlock (anonymous) at (10,50) size 200x18
+ RenderBlock (anonymous) at (10,46) size 200x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock (anonymous) at (0,552) size 769x18
+ RenderBlock (anonymous) at (0,532) size 769x18
RenderText {#text} at (0,0) size 463x18
text run at (0,0) width 463: "The floating table with a percentage width should be even with the select."
- RenderBlock {P} at (0,586) size 220x68 [border: (10px solid #FF0000)]
+ RenderBlock {P} at (0,566) size 220x68 [border: (10px solid #FF0000)]
RenderText {#text} at (10,10) size 60x18
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (70,24) size 0x0
- RenderMenuList {SELECT} at (10,30) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (10,28) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
text run at (2,2) width 36: "Table"
RenderText {#text} at (0,0) size 0x0
RenderBR {BR} at (210,28) size 0x18
- RenderBlock (anonymous) at (0,670) size 769x36
+ RenderBlock (anonymous) at (0,650) size 769x36
RenderText {#text} at (0,0) size 755x36
text run at (0,0) width 755: "The floating table with an auto width should be even with the select and shrinks to use the available line width. THIS IS"
text run at (0,18) width 166: "CURRENTLY BUGGY."
- RenderBlock {P} at (0,722) size 220x126 [border: (10px solid #FF0000)]
+ RenderBlock {P} at (0,702) size 220x122 [border: (10px solid #FF0000)]
RenderText {#text} at (10,10) size 60x18
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (70,24) size 0x0
- RenderMenuList {SELECT} at (10,30) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (10,28) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
- RenderTable {TABLE} at (10,50) size 200x66 [border: (2px outset #808080)]
+ RenderTable {TABLE} at (10,46) size 200x66 [border: (2px outset #808080)]
RenderTableSection {TBODY} at (2,2) size 196x62
RenderTableRow {TR} at (0,2) size 196x58
RenderTableCell {TD} at (2,2) size 192x58 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
text run at (2,38) width 90: "previous float."
RenderText {#text} at (0,0) size 0x0
RenderBR {BR} at (110,28) size 0x18
- RenderBlock (anonymous) at (0,864) size 769x18
+ RenderBlock (anonymous) at (0,840) size 769x18
RenderText {#text} at (0,0) size 730x18
text run at (0,0) width 578: "The block-level table below has a percentage width and should still be even with the select. "
text run at (578,0) width 152: "It spills out of the block."
- RenderBlock {P} at (0,898) size 220x144 [border: (10px solid #FF0000)]
+ RenderBlock {P} at (0,874) size 220x140 [border: (10px solid #FF0000)]
RenderBlock (anonymous) at (10,10) size 200x18
RenderText {#text} at (0,0) size 60x18
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (60,14) size 0x0
- RenderMenuList {SELECT} at (0,20) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (0,18) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
- RenderTable {TABLE} at (10,50) size 200x66 [border: (2px outset #808080)]
+ RenderTable {TABLE} at (10,46) size 200x66 [border: (2px outset #808080)]
RenderTableSection {TBODY} at (2,2) size 196x62
RenderTableRow {TR} at (0,2) size 196x58
RenderTableCell {TD} at (2,2) size 192x58 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
text run at (2,2) width 159: "Floating table that should"
text run at (2,20) width 161: "shrink so it can be next to"
text run at (2,38) width 90: "previous float."
- RenderBlock (anonymous) at (10,116) size 200x18
+ RenderBlock (anonymous) at (10,112) size 200x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock (anonymous) at (0,1058) size 769x18
+ RenderBlock (anonymous) at (0,1030) size 769x18
RenderText {#text} at (0,0) size 743x18
text run at (0,0) width 545: "The block-level table below has an auto width and should still be even with the select. "
text run at (545,0) width 198: "It shrinks to fit inside the block."
- RenderBlock {P} at (0,1092) size 220x176 [border: (10px solid #FF0000)]
+ RenderBlock {P} at (0,1064) size 220x176 [border: (10px solid #FF0000)]
RenderBlock (anonymous) at (10,10) size 200x18
RenderText {#text} at (0,0) size 60x18
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (60,14) size 0x0
- RenderMenuList {SELECT} at (0,20) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (0,18) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
text run at (2,92) width 32: "float."
RenderBlock (anonymous) at (10,148) size 200x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock (anonymous) at (0,1284) size 769x18
+ RenderBlock (anonymous) at (0,1256) size 769x18
RenderText {#text} at (0,0) size 538x18
text run at (0,0) width 538: "The floating overflow section with a percentage width should be even with the select."
- RenderBlock {DIV} at (0,1302) size 220x146 [border: (10px solid #FF0000)]
+ RenderBlock {DIV} at (0,1274) size 220x146 [border: (10px solid #FF0000)]
RenderText {#text} at (10,10) size 60x18
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (70,24) size 0x0
- RenderMenuList {SELECT} at (10,30) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (10,28) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderBR {BR} at (210,28) size 0x18
- RenderBlock (anonymous) at (0,1448) size 769x36
+ RenderBlock (anonymous) at (0,1420) size 769x36
RenderText {#text} at (0,0) size 728x36
text run at (0,0) width 728: "The floating overflow section with an auto width should be even with the select and shrinks to use the available line"
text run at (0,18) width 268: "width. THIS IS CURRENTLY BUGGY."
- RenderBlock {DIV} at (0,1484) size 220x114 [border: (10px solid #FF0000)]
+ RenderBlock {DIV} at (0,1456) size 220x110 [border: (10px solid #FF0000)]
RenderText {#text} at (10,10) size 60x18
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (70,24) size 0x0
- RenderMenuList {SELECT} at (10,30) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (10,28) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderBR {BR} at (110,28) size 0x18
- RenderBlock (anonymous) at (0,1598) size 769x18
+ RenderBlock (anonymous) at (0,1566) size 769x18
RenderText {#text} at (0,0) size 649x18
text run at (0,0) width 649: "The block-level overflow section below has a percentage width and should still be even with the select."
- RenderBlock {DIV} at (0,1616) size 220x164 [border: (10px solid #FF0000)]
+ RenderBlock {DIV} at (0,1584) size 220x164 [border: (10px solid #FF0000)]
RenderBlock (anonymous) at (10,10) size 200x18
RenderText {#text} at (0,0) size 60x18
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (60,14) size 0x0
- RenderMenuList {SELECT} at (0,20) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (0,18) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
RenderBlock (anonymous) at (10,136) size 200x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock (anonymous) at (0,1780) size 769x36
+ RenderBlock (anonymous) at (0,1748) size 769x36
RenderText {#text} at (0,0) size 752x36
text run at (0,0) width 620: "The block-level overflow section below has an auto width and should still be even with the select. "
text run at (620,0) width 132: "It shrinks to fit inside"
text run at (0,18) width 62: "the block."
- RenderBlock {DIV} at (0,1816) size 220x164 [border: (10px solid #FF0000)]
+ RenderBlock {DIV} at (0,1784) size 220x164 [border: (10px solid #FF0000)]
RenderBlock (anonymous) at (10,10) size 200x18
RenderText {#text} at (0,0) size 60x18
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (60,14) size 0x0
- RenderMenuList {SELECT} at (0,20) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (0,18) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
RenderBlock (anonymous) at (10,136) size 200x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock (anonymous) at (0,1980) size 769x18
+ RenderBlock (anonymous) at (0,1948) size 769x18
RenderText {#text} at (0,0) size 446x18
text run at (0,0) width 446: "The floating hr with a percentage width should be even with the select."
- RenderBlock {DIV} at (0,1998) size 220x60 [border: (10px solid #FF0000)]
+ RenderBlock {DIV} at (0,1966) size 220x56 [border: (10px solid #FF0000)]
RenderText {#text} at (10,10) size 60x18
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (70,24) size 0x0
- RenderMenuList {SELECT} at (10,30) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (10,28) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderBlock (floating) {HR} at (112,30) size 82x2 [border: (1px inset #EEEEEE)]
RenderText {#text} at (0,0) size 0x0
RenderBR {BR} at (196,28) size 0x18
- RenderBlock (anonymous) at (0,2058) size 769x36
+ RenderBlock (anonymous) at (0,2022) size 769x36
RenderText {#text} at (0,0) size 750x36
text run at (0,0) width 750: "The floating hr below should still be even with the select and shrinks to use its intrinsic width (which is basically like 1-"
text run at (0,18) width 33: "2px)."
- RenderBlock {DIV} at (0,2094) size 220x60 [border: (10px solid #FF0000)]
+ RenderBlock {DIV} at (0,2058) size 220x56 [border: (10px solid #FF0000)]
RenderText {#text} at (10,10) size 60x18
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (70,24) size 0x0
- RenderMenuList {SELECT} at (10,30) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (10,28) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderBlock (floating) {HR} at (112,30) size 2x2 [border: (1px inset #EEEEEE)]
RenderText {#text} at (0,0) size 0x0
RenderBR {BR} at (116,28) size 0x18
- RenderBlock (anonymous) at (0,2154) size 769x18
+ RenderBlock (anonymous) at (0,2114) size 769x18
RenderText {#text} at (0,0) size 557x18
text run at (0,0) width 557: "The block-level hr below has a percentage width and should still be even with the select."
- RenderBlock {DIV} at (0,2172) size 220x88 [border: (10px solid #FF0000)]
+ RenderBlock {DIV} at (0,2132) size 220x84 [border: (10px solid #FF0000)]
RenderBlock (anonymous) at (10,10) size 200x18
RenderText {#text} at (0,0) size 60x18
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (60,14) size 0x0
- RenderMenuList {SELECT} at (0,20) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (0,18) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
- RenderBlock {HR} at (10,50) size 202x2 [border: (1px inset #EEEEEE)]
- RenderBlock (anonymous) at (10,60) size 200x18
+ RenderBlock {HR} at (10,46) size 202x2 [border: (1px inset #EEEEEE)]
+ RenderBlock (anonymous) at (10,56) size 200x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock (anonymous) at (0,2260) size 769x18
+ RenderBlock (anonymous) at (0,2216) size 769x18
RenderText {#text} at (0,0) size 623x18
text run at (0,0) width 528: "The block-level hr below has an auto width and should still be even with the select. "
text run at (528,0) width 95: "It shrinks to fit."
- RenderBlock {DIV} at (0,2278) size 220x74 [border: (10px solid #FF0000)]
+ RenderBlock {DIV} at (0,2234) size 220x74 [border: (10px solid #FF0000)]
RenderBlock (anonymous) at (10,10) size 200x18
RenderText {#text} at (0,0) size 60x18
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (60,14) size 0x0
- RenderMenuList {SELECT} at (0,20) size 100x18 [bgcolor=#F8F8F8]
+ RenderMenuList {SELECT} at (0,18) size 100x18 [bgcolor=#F8F8F8]
RenderBlock (anonymous) at (0,0) size 100x18
RenderText at (8,2) size 22x13
text run at (8,2) width 22: "One"
RenderText {#text} at (0,0) size 0x0
RenderBlock {HR} at (110,36) size 100x2 [border: (1px inset #EEEEEE)]
RenderBlock (anonymous) at (10,46) size 200x18
- RenderBR {BR} at (100,0) size 0x18
-layer at (118,1338) size 100x108
+ RenderBR {BR} at (0,0) size 0x18
+layer at (118,1310) size 100x108
RenderBlock (floating) {DIV} at (110,28) size 100x108
RenderText {#text} at (0,0) size 98x108
text run at (0,0) width 61: "This is an"
text run at (0,54) width 90: "enough text to"
text run at (0,72) width 98: "have to wrap to"
text run at (0,90) width 88: "multiple lines."
-layer at (18,1542) size 200x54
- RenderBlock (floating) {DIV} at (10,50) size 200x54
+layer at (18,1510) size 200x54
+ RenderBlock (floating) {DIV} at (10,46) size 200x54
RenderText {#text} at (0,0) size 172x54
text run at (0,0) width 170: "This is an overflow section"
text run at (0,18) width 172: "with enough text to have to"
text run at (0,36) width 140: "wrap to multiple lines."
-layer at (118,1652) size 100x108
+layer at (118,1620) size 100x108
RenderBlock {DIV} at (110,28) size 100x108
RenderText {#text} at (0,0) size 98x108
text run at (0,0) width 61: "This is an"
text run at (0,54) width 90: "enough text to"
text run at (0,72) width 98: "have to wrap to"
text run at (0,90) width 88: "multiple lines."
-layer at (118,1852) size 100x108
+layer at (118,1820) size 100x108
RenderBlock {DIV} at (110,28) size 100x108
RenderText {#text} at (0,0) size 98x108
text run at (0,0) width 61: "This is an"