3564 2005-06-16 04:57:45 -0700 width of nested table not reduced by floating element in same cell if width="100%" parameter set 2022-07-01 10:17:02 -0700 1 1 1 Unclassified WebKit Tables 412 Mac OS X 10.4 RESOLVED CONFIGURATION CHANGED http://www.whiterose.org/test/float_table_test P3 Normal --- 1 mcroft webkit-unassigned ap bdakin bfulgham darin dpranke ian jasneet mitz timmc oldest_to_newest 12230 0 mcroft 2005-06-16 04:57:45 -0700 Overview: If a table cell has floating elements and a nested table, the inner table is properly offset but the wrong width if the width="100%". It does not seem to be reduced to fit the available space. If there is no width property of the inner table, the table displays as expected This bug was introduced in Safari 1.1 and did not occur in Safari 1.0. Steps to Reproduce: 1: Generate a test page using the following nested table structure (or use the reduction on linked page, which w3c's online validator says is valid) 2: display error is in the first case shown in reduction, with different behavior in the second case where the inner table width parameter is not set. table width=600 tr td span style=float:left; img / /span span style=float:right; img / /span table width=100% tr td some content that is wide enough that it has to wrap (Lorem Ipsum...) /td /tr /table /td /tr /table Expected results: The inner table is both shifted and constrained inside the two floating elements with or without the width parameter being set. Actual results: The inner table is both shifted and constrained inside the two floating elements without the width parameter being set, but is only shifted and not constrained when the width parameter is set. 12231 1 2387 mcroft 2005-06-16 04:59:41 -0700 Created attachment 2387 source of page showing float nested table error 12297 2 c.petersen87 2005-06-16 15:42:43 -0700 I can reproduce this issue using TOT WebKit and Safari 2.0 (v412) under 10.4.1 (8B15). 26928 3 eric 2005-12-27 23:59:38 -0800 Beth was hacking in this area recently. It still looks wrong on TOT however. 32357 4 joost 2006-02-13 15:36:15 -0800 Changing component 40385 5 ap 2006-04-24 21:38:36 -0700 *** Bug 8539 has been marked as a duplicate of this bug. *** 223 6 hartman.wiki 2007-09-20 17:13:05 -0700 As a note. I have noticed the same issue on several wikipedia pages. But more importantly, I have also seen the same effect on columned div's I guess the new column options for divs are somehow partly based on tables but they definitely at least share the same problem when it comes to floats 179 7 hartman.wiki 2007-09-21 17:29:10 -0700 Oh, and Firefox has a similar problem. Both FF and Safari do not recalculate the width of the table. However FF repositions it's table horizontally if it is aligned in the centre, whereas Safari keeps it's table centered. So in FF if the table is 80% and the float element is 20px, both do not collide as long as 20% >= 20px, For Safari you need 10% >= 20px. Opera behaves as if it is applying a clear:both to the table (at least prevents a collision, which can severely affect readability). 72230 8 mitz 2008-02-27 22:22:16 -0800 *** Bug 17584 has been marked as a duplicate of this bug. *** 72231 9 mitz 2008-02-27 22:23:25 -0800 See more test cases attached to bug 17584. Note that while Firefox 2 sizes the table to fit alongside the float, Firefox 3 and Opera actually size the table at 100% of the containing block and push it down below the float. I think WebKit has a quirk that prevents tables from clearing floats in all but strict mode. 72294 10 mitz 2008-02-28 13:24:06 -0800 *** Bug 12508 has been marked as a duplicate of this bug. *** 129218 11 32100 dpranke 2009-06-30 16:42:23 -0700 Created attachment 32100 another test case indicating the differences between a nested div and a nested table I'm looking at this bug now ... the "correct" behavior is a bit unclear. From my best reading of the CSS2 specs (in particular section 9.5 on floats, http://www.w3.org/TR/CSS2/visuren.html#floats ), divs a1 and a2 should be aligned on top of each other (hence a partially opaque blue box on top of a purple box), with the text line box inside a2 appearing to the right of a1. However, b2 should either be completely to the right of b1, or it should clear b1 (and therefore be below it): "The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself. If necessary, implementations should clear the said element by placing it below any preceding floats, but may place it adjacent to such floats if there is sufficient space. They may even make the border box of said element narrower than defined by section 10.3.3. CSS2 does not define when a UA may put said element next to the float or by how much said element may become narrower." So, it appears that the correct behaviour is undefined, and the UA can choose to either shrink the width of the table, leave the width at 100% and clear the float, or leave the width at 100% and overflow. IE 8 and Opera clear the float, Safari 4, Chrome, and Firefox 3.1 overflow. No one shrinks the width. 129219 12 dpranke 2009-06-30 16:43:19 -0700 Taking over the bug from Beth, if that's okay ... 129411 13 32156 dpranke 2009-07-01 16:33:25 -0700 Created attachment 32156 test case for plausible renderings test case showing the various plausible interpretations of nested tables and floats. 129412 14 32157 dpranke 2009-07-01 16:35:00 -0700 Created attachment 32157 illustration of different plausible renderings 129524 15 hyatt 2009-07-02 10:24:34 -0700 You could resurrect the code we used to have to do this (and probably limit it to strict mode). 165248 16 timmc 2009-11-20 01:05:16 -0800 This behavior affects contentEditable regions as well. 209326 17 dpranke 2010-04-06 16:38:09 -0700 I'm not working on this now nor do I expect to be in the near future, so I am disclaiming ownership in case someone else wants to pick this up. 1879817 18 bfulgham 2022-07-01 10:17:02 -0700 At this point, all major browsers appear to render the same way (option #3 in the test case). 2387 2005-06-16 04:59:41 -0700 2005-06-16 04:59:41 -0700 source of page showing float nested table error float_table_test.html text/html 2293 mcroft PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgVHJhbnNpdGlvbmFs Ly9FTiIgIkRURC94aHRtbDEtdHJhbnNpdGlvbmFsLmR0ZCI+Cgo8aHRtbD4KPGhlYWQ+CjxtZXRh IGh0dHAtZXF1aXY9IkNvbnRlbnQtVHlwZSIgY29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PWlz by04ODU5LTEiIC8+Cjx0aXRsZT5UZXN0IFRhYmxlcyBBbmQgRmxvYXRzPC90aXRsZT4KPC9oZWFk Pgo8Ym9keT4KQSB0ZXN0IG9mIG5lc3RlZCB0YWJsZXMgd2l0aCBmbG9hdGluZyBlbGVtZW50cy4g IEFsbCB0YWJsZXMgaGF2ZSBib3JkZXI9MS4gIFRoaXMgcGFnZSBleGhpYml0cyBkaWZmZXJlbnQg YmVoYXZpb3IgaW4gU2FmYXJpIDEuMSBhbmQgU2FmYXJpIDEuMC4gSSBiZWxpZXZlIHRoZSAxLjAg YmVoYXZpb3IgaXMgY29ycmVjdC4gIFRoZSAxLjAgYmVoYXZpb3IgaXMgd2hhdCBJIHdhbnRlZCB0 byBoYXZlIGhhcHBlbi4KPGJyIC8+PGJyIC8+Cjx0YWJsZSBib3JkZXI9IjEiIHdpZHRoPSI2MDAi Pgo8dHI+PHRkPlRoZSBvdXRlciB0YWJsZSBoYXMgdGhlIHByb3BlcnR5IHdpZHRoPSI2MDAiPGJy IC8+VGhlIGlubmVyIHRhYmxlIGhhcyB0aGUgcHJvcGVydHkgd2lkdGg9IjEwMCUiPC90ZD48L3Ry Pgo8dHI+PHRkPgo8c3BhbiBzdHlsZT0iZmxvYXQ6bGVmdDsiPgoJPGltZyBzcmM9Imh0dHA6Ly93 d3cud2hpdGVyb3NlLm9yZy9pbWFnZXMvd2hpdGVyb3NlLWdsYXNzLmdpZiIgYWx0PSJpbWciIC8+ Cjwvc3Bhbj4KCjxzcGFuIHN0eWxlPSJmbG9hdDpyaWdodDsiPgoJPGltZyBzcmM9Imh0dHA6Ly93 d3cud2hpdGVyb3NlLm9yZy9pbWFnZXMveW5yb3NlLmdpZiIgYWx0PSJpbWciIC8+Cjwvc3Bhbj4K Cjx0YWJsZSBib3JkZXI9IjEiIHdpZHRoPSIxMDAlIj4KCTx0cj4KCQk8dGQgYWxpZ249ImNlbnRl ciI+T25lcyBhbmQgWmVyb3MKCTwvdGQ+CjwvdHI+Cgk8dHI+CgkJPHRkPkFuIGlycmVndWxhcmx5 IHVwZGF0ZWQgam91cm5hbCBvZiBteSBGYWlyIGFuZCBCYWxhbmNlZCB0aG91Z2h0cywgcmVhY3Rp b25zLCBvcGluaW9ucywgYmlhc2VzLCBvdXRyYWdlcywgc3RyYXRlZ2llcywgdmljdG9yaWVzLCBh bmQgY29tbWVudGFyeS4gIFdoYXRldmVyIGl0IGlzLCBpdCdzIG11Y2ggdG9vIHN1YnRsZSB0byBi ZSBjb25zaWRlcmVkIGEgcGFyb2R5Li4uPC90ZD4KCTwvdHI+CjwvdGFibGU+CjwvdGQ+PC90cj48 L3RhYmxlPgo8YnIgLz4KPGJyIC8+ClRoZSB0YWJsZSBhYm92ZSBzaG91bGQgbG9vayBsaWtlIHRo ZSB0YWJsZSBiZWxvdy4KPHRhYmxlIGJvcmRlcj0iMSIgd2lkdGg9IjYwMCI+Cjx0cj48dGQ+VGhl IG91dGVyIHRhYmxlIGhhcyB0aGUgcHJvcGVydHkgd2lkdGg9IjYwMCI8YnIgLz5UaGUgaW5uZXIg dGFibGUgaGFzIG5vIHdpZHRoIHByb3BlcnR5PC90ZD48L3RyPgo8dHI+PHRkPgo8c3BhbiBzdHls ZT0iZmxvYXQ6bGVmdDsiPgoJPGltZyBzcmM9Imh0dHA6Ly93d3cud2hpdGVyb3NlLm9yZy9pbWFn ZXMvd2hpdGVyb3NlLWdsYXNzLmdpZiIgYWx0PSJpbWciIC8+Cjwvc3Bhbj4KCjxzcGFuIHN0eWxl PSJmbG9hdDpyaWdodDsiPgoJPGltZyBzcmM9Imh0dHA6Ly93d3cud2hpdGVyb3NlLm9yZy9pbWFn ZXMveW5yb3NlLmdpZiIgYWx0PSJpbWciIC8+Cjwvc3Bhbj4KCjx0YWJsZSBib3JkZXI9IjEiPgoJ PHRyPgoJCTx0ZCBhbGlnbj0iY2VudGVyIj5PbmVzIGFuZCBaZXJvcwoJPC90ZD4KPC90cj4KCTx0 cj4KCQk8dGQ+QW4gaXJyZWd1bGFybHkgdXBkYXRlZCBqb3VybmFsIG9mIG15IEZhaXIgYW5kIEJh bGFuY2VkIHRob3VnaHRzLCByZWFjdGlvbnMsIG9waW5pb25zLCBiaWFzZXMsIG91dHJhZ2VzLCBz dHJhdGVnaWVzLCB2aWN0b3JpZXMsIGFuZCBjb21tZW50YXJ5LiAgV2hhdGV2ZXIgaXQgaXMsIGl0 J3MgbXVjaCB0b28gc3VidGxlIHRvIGJlIGNvbnNpZGVyZWQgYSBwYXJvZHkuLi48L3RkPgoJPC90 cj4KPC90YWJsZT4KPC90ZD48L3RyPjwvdGFibGU+CjxiciAvPgo8YnIgLz4KU28gdGhlIHByb2Js ZW0gaGVyZSBzZWVtcyB0byBiZSB0aGF0IHRoZSB3aWR0aD0iMTAwJSIgZG9lcyBub3QgdGFrZSBp bnRvIGFjY291bnQgdGhlIHJlZHVjdGlvbiBpbiBhdmFpbGFibGUgd2lkdGggZHVlIHRvIHRoZSBm bG9hdGluZyBlbGVtZW50cywgc28gdGhlIGlubmVyIHRhYmxlIHdyaXRlcyBvdmVyIHRoZSBmbG9h dGluZyBncmFwaGljLiAgU2FmYXJpIDEuMSwgSUUgNS4yLjMsIGFuZCBPcGVyYSA2LjAuMyBhbGwg ZXhoaWJpdCB0aGlzIGJlaGF2aW9yLiAgTW96aWxsYSBhbmQgU2FmYXJpIDEuMSBkbyBub3QuCjwv Ym9keT4KPC9odG1sPg== 32100 2009-06-30 16:42:23 -0700 2009-07-01 16:33:25 -0700 another test case indicating the differences between a nested div and a nested table test.html text/html 1168 dpranke PCFET0NUWVBFIEhUTUw+CjxodG1sPjxoZWFkPjwvaGVhZD48Ym9keT4KPGRpdiBpZD0iYSIgc3R5 bGU9IndpZHRoOiA0MDBweDsgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmF5OyBoZWlnaHQ6IDEw MHB4OyI+CiAgICA8ZGl2IGlkPSJhMSIgc3R5bGU9ImZsb2F0OiBsZWZ0OyB3aWR0aDogMTAwcHg7 IGhlaWdodDogNTBweDsgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRibHVlOyBvcGFjaXR5OiAwLjU7 Ij48L2Rpdj4KICAgIDxkaXYgaWQ9ImEyIiBzdHlsZT0id2lkdGg6IDEwMCU7IGJhY2tncm91bmQt Y29sb3I6IHB1cnBsZTsgaGVpZ2h0OiAyNXB4OyI+CiAgICBTb21lIHRleHQKICAgIDwvZGl2Pgo8 L2Rpdj4KCjxwPlRoZSBsYXlvdXQgYWJvdmUgY29udGFpbnMgdHdvIG5lc3RlZCBkaXYncywgb25l IGZsb2F0ZWQgdG8gdGhlIGxlZnQgYW5kIG9uZQpzaXplZCBhdCB3aWR0aD0xMDAlLiBUaGUgbGF5 b3V0IGJlbG93IHJlcGxhY2VzIHRoZSBzZWNvbmQgZGl2IHdpdGggYSB0YWJsZQooc3RpbGwgc2l6 ZWQgYXQgMTAwJSkuPC9wPgo8cD5TaG91bGQgdGhlIGxheW91dCBiZWxvdyBtYXRjaCB0aGUgdGFi bGUgYWJvdmU/PC9wPgoKPGRpdiBpZD0iYiIgc3R5bGU9IndpZHRoOiA0MDBweDsgYmFja2dyb3Vu ZC1jb2xvcjogbGlnaHRncmF5OyBoZWlnaHQ6IDEwMHB4OyI+CiAgICA8ZGl2IGlkPSJiMSIgc3R5 bGU9ImZsb2F0OiBsZWZ0OyB3aWR0aDogMTAwcHg7IGhlaWdodDogNTBweDsgYmFja2dyb3VuZC1j b2xvcjogbGlnaHRibHVlOyBvcGFjaXR5OiAwLjU7Ij48L2Rpdj4KICAgIDx0YWJsZSBpZD0iYjIi IHN0eWxlPSJ3aWR0aDogMTAwJTsgYmFja2dyb3VuZC1jb2xvcjogcHVycGxlOyBoZWlnaHQ6IDI1 cHg7Ij4KICAgIDx0cj48dGQ+U29tZSB0ZXh0PC90ZD48L3RyPgogICAgPC90YWJsZT4KPC9kaXY+ Cgo8cD5TYWZhcmkgNCwgQ2hyb21lLCBhbmQgRkYgMy4xIGFsbCByZW5kZXIgdGhlIHB1cnBsZSB0 YWJsZSBibG9jayBhcyAKZXh0ZW5kaW5nIHBhc3QgdGhlIGdyYXkgYm94LiBJRSA4IGFuZCBPcGVy YSA5LjYgcmVuZGVyIHRoZSBwdXJwbGUgYmxvY2sKPGk+YmVsb3c8L2k+IHRoZSBibHVlIGJveCwg ZWZmZWN0aXZlbHkgY2xlYXJpbmcgdGhlIGJsdWUgYm94LjwvcD4KPHA+PGk+V2hpY2ggaXMgcmln aHQ/PC9pPjwvcD4KPC9ib2R5Pgo8L2h0bWw+Cg== 32156 2009-07-01 16:33:25 -0700 2009-07-01 16:35:00 -0700 test case for plausible renderings test.html text/html 3572 dpranke PCFET0NUWVBFIEhUTUw+CjxodG1sPjxoZWFkPjwvaGVhZD48Ym9keT4KCjxwPlRlc3QgY2FzZSBm b3IgPGEgaHJlZj0iaHR0cDovL2J1Z3Mud2Via2l0Lm9yZy9zaG93X2J1Zy5jZ2k/aWQ9MzU2NCI+ V2ViS2l0IGJ1ZyAzNTY0PC9hPiAvIAoJPGEgaHJlZj0iaHR0cDovL2J1Z3MuY2hyb21pdW0ub3Jn LzMxOTMiPkNocm9taXVtIGJ1ZyAzMTkzPC9hPi48L3A+IAoJCgk8cD5UaGUgZm9sbG93aW5nIGJs b2NrIGNvbnRhaW5zCglhIGRpdiBjb250YWluaW5nIHR3byBlbGVtZW50czogYSBkaXYgZmxvYXRl ZCBsZWZ0LCBhbmQgdGhlbiBhIHRhYmxlIHNpemVkIGF0IHdpZHRoOiAxMDAlLjwvcD4KPHByZT48 Y29kZT4KJmx0O2RpdiBpZD0iYSIgc3R5bGU9IndpZHRoOiA0MDBweDsgYmFja2dyb3VuZC1jb2xv cjogbGlnaHRncmF5OyBoZWlnaHQ6IDEwMHB4OyImZ3Q7CiAgICAmbHQ7ZGl2IGlkPSJhMSIgc3R5 bGU9ImZsb2F0OiBsZWZ0OyB3aWR0aDogMTAwcHg7IGhlaWdodDogNTBweDsgYmFja2dyb3VuZC1j b2xvcjogbGlnaHRibHVlOyBvcGFjaXR5OiAwLjU7IiZndDsmbHQ7L2RpdiZndDsKICAgICZsdDt0 YWJsZSBpZD0iYTIiIHN0eWxlPSJ3aWR0aDogMTAwJTsgYmFja2dyb3VuZC1jb2xvcjogcHVycGxl OyBoZWlnaHQ6IDI1cHg7IiZndDsKICAgICZsdDt0ciZndDsmbHQ7dGQmZ3Q7U29tZSB0ZXh0Jmx0 Oy90ZCZndDsmbHQ7L3RyJmd0OwogICAgJmx0Oy90YWJsZSZndDsKJmx0Oy9kaXY+CjwvY29kZT48 L3ByZT4KCjxwPlRoZXJlIHNlZW0gdG8gYmUgdGhyZWUgcGxhdXNpYmxlIHJlbmRlcmluZ3MuIFRo ZSBmaXJzdCAoYW5kIHNlZW1pbmdseSBtb3N0IGludHVpdGl2ZSkgc2hyaW5rcwp0aGUgdGFibGUg dG8gZml0IGluc2lkZSB0aGUgY29udGFpbmluZyBkaXY6PC9wPgo8ZGl2IGlkPSJiIiBzdHlsZT0i d2lkdGg6IDQwMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyYXk7IGhlaWdodDogMTAwcHg7 Ij4KICAgIDxkaXYgaWQ9ImIxIiBzdHlsZT0iZmxvYXQ6IGxlZnQ7IHdpZHRoOiAxMDBweDsgaGVp Z2h0OiA1MHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGJsdWU7IG9wYWNpdHk6IDAuNTsiPjwv ZGl2PgogICAgPHRhYmxlIGlkPSJiMiIgc3R5bGU9IndpZHRoOiAzMDBweDsgYmFja2dyb3VuZC1j b2xvcjogcHVycGxlOyBoZWlnaHQ6IDI1cHg7Ij4KICAgIDx0cj48dGQ+U29tZSB0ZXh0PC90ZD48 L3RyPgogICAgPC90YWJsZT4KPC9kaXY+Cgo8cD5UaGUgc2Vjb25kIG92ZXJmbG93cyB0aGUgY29u dGFpbmluZyBkaXY6PC9wPgo8ZGl2IGlkPSJjIiBzdHlsZT0id2lkdGg6IDQwMHB4OyBiYWNrZ3Jv dW5kLWNvbG9yOiBsaWdodGdyYXk7IGhlaWdodDogMTAwcHg7Ij4KICAgIDxkaXYgaWQ9ImMxIiBz dHlsZT0iZmxvYXQ6IGxlZnQ7IHdpZHRoOiAxMDBweDsgaGVpZ2h0OiA1MHB4OyBiYWNrZ3JvdW5k LWNvbG9yOiBsaWdodGJsdWU7IG9wYWNpdHk6IDAuNTsiPjwvZGl2PgogICAgPHRhYmxlIGlkPSJj MiIgc3R5bGU9IndpZHRoOiA0MDBweDsgcG9zaXRpb246IGFic29sdXRlOyBtYXJnaW4tbGVmdDog MTAwcHg7IGJhY2tncm91bmQtY29sb3I6IHB1cnBsZTsgaGVpZ2h0OiAyNXB4OyBvdmVyZmxvdzog dmlzaWJsZTsiPgogICAgPHRyPjx0ZD5Tb21lIHRleHQ8L3RkPjwvdHI+CiAgICA8L3RhYmxlPgo8 L2Rpdj4KCjxwPlRoZSB0aGlyZCBoYXMgdGhlIHRhYmxlIGNsZWFyaW5nIHRoZSBmbG9hdGVkIGRp djwvcD4KPGRpdiBpZD0iZCIgc3R5bGU9IndpZHRoOiA0MDBweDsgYmFja2dyb3VuZC1jb2xvcjog bGlnaHRncmF5OyBoZWlnaHQ6IDEwMHB4OyI+CiAgICA8ZGl2IGlkPSJkMSIgc3R5bGU9ImZsb2F0 OiBsZWZ0OyB3aWR0aDogMTAwcHg7IGhlaWdodDogNTBweDsgYmFja2dyb3VuZC1jb2xvcjogbGln aHRibHVlOyBvcGFjaXR5OiAwLjU7Ij48L2Rpdj4KICAgIDx0YWJsZSBpZD0iZDIiIHN0eWxlPSJ3 aWR0aDogMTAwJTsgYmFja2dyb3VuZC1jb2xvcjogcHVycGxlOyBoZWlnaHQ6IDI1cHg7IGNsZWFy OmJvdGg7Ij4KICAgIDx0cj48dGQ+U29tZSB0ZXh0PC90ZD48L3RyPgogICAgPC90YWJsZT4KPC9k aXY+Cgo8cD5XaGljaCBsYXlvdXQgaXMgImNvcnJlY3QiPyBXZWJLaXQgNCBhbmQgRmlyZWZveCBG RiAzLjEgY2hvb3NlIG9wdGlvbiAjMi4gSUUgOCBhbmQgT3BlcmEgOS42IGNob29zZSBvcHRpb24g IzMuIE5vIG9uZSBjaG9vc2VzIG9wdGlvbiAjMS48L3A+IAo8cD5Gb3IgcmVmZXJlbmNlLCBoZXJl J3MgdGhlIGFwcHJvcHJpYXRlIGNodW5rIG9mIHRoZSBzcGVjOiAoPGEgaHJlZj0iaHR0cDovL3d3 dy53My5vcmcvVFIvQ1NTMi92aXN1cmVuLmh0bWwjZmxvYXRzIj5DU1MgMi4xLCBTZWN0aW9uIDku NTogRmxvYXRzPC9hPikuIAoJPGJsb2NrcXVvdGU+VGhlIGJvcmRlciBib3ggb2YgYSB0YWJsZSwg YSBibG9jay1sZXZlbCByZXBsYWNlZCBlbGVtZW50LCBvciBhbiBlbGVtZW50IGluIHRoZSBub3Jt YWwgZmxvdyB0aGF0IGVzdGFibGlzaGVzIGEgbmV3IDxhIGhyZWY9Imh0dHA6Ly93d3cudzMub3Jn L1RSL0NTUzIvdmlzdXJlbi5odG1sI2Jsb2NrLWZvcm1hdHRpbmciPmJsb2NrIGZvcm1hdHRpbmcg Y29udGV4dDwvYT4gKHN1Y2ggYXMgYW4gZWxlbWVudCB3aXRoICdvdmVyZmxvdycgb3RoZXIgdGhh biAndmlzaWJsZScpIG11c3Qgbm90IG92ZXJsYXAgYW55IGZsb2F0cyBpbiB0aGUgc2FtZSBibG9j ayBmb3JtYXR0aW5nIGNvbnRleHQgYXMgdGhlIGVsZW1lbnQgaXRzZWxmLiBJZiBuZWNlc3Nhcnks IGltcGxlbWVudGF0aW9ucyBzaG91bGQgY2xlYXIgdGhlIHNhaWQgZWxlbWVudCBieSBwbGFjaW5n IGl0IGJlbG93IGFueSBwcmVjZWRpbmcgZmxvYXRzLCBidXQgbWF5IHBsYWNlIGl0IGFkamFjZW50 IHRvIHN1Y2ggZmxvYXRzIGlmIHRoZXJlIGlzIHN1ZmZpY2llbnQgc3BhY2UuIFRoZXkgbWF5IGV2 ZW4gbWFrZSB0aGUgYm9yZGVyIGJveCBvZiBzYWlkIGVsZW1lbnQgbmFycm93ZXIgdGhhbiBkZWZp bmVkIGJ5IDxhIGhyZWY9Imh0dHA6Ly93d3cudzMub3JnL1RSL0NTUzIvdmlzdWRldC5odG1sI2Js b2Nrd2lkdGgiPnNlY3Rpb24gMTAuMy4zPC9hPi4gQ1NTMiBkb2VzIG5vdCBkZWZpbmUgd2hlbiBh IFVBIG1heSBwdXQgc2FpZCBlbGVtZW50IG5leHQgdG8gdGhlIGZsb2F0IG9yIGJ5IGhvdyBtdWNo IHNhaWQgZWxlbWVudCBtYXkgYmVjb21lIG5hcnJvd2VyLjwvYmxvY2txdW90ZT4KCTxociAvPgo8 cD5UaGlzIGJyb3dzZXIgcmVuZGVycyBpdCBhczo8L3A+CjxkaXYgaWQ9ImEiIHN0eWxlPSJ3aWR0 aDogNDAwcHg7IGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Z3JheTsgaGVpZ2h0OiAxMDBweDsiPgog ICAgPGRpdiBpZD0iYTEiIHN0eWxlPSJmbG9hdDogbGVmdDsgd2lkdGg6IDEwMHB4OyBoZWlnaHQ6 IDUwcHg7IGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Ymx1ZTsgb3BhY2l0eTogMC41OyI+PC9kaXY+ CiAgICA8dGFibGUgaWQ9ImEyIiBzdHlsZT0id2lkdGg6IDEwMCU7IGJhY2tncm91bmQtY29sb3I6 IHB1cnBsZTsgaGVpZ2h0OiAyNXB4OyI+CiAgICA8dHI+PHRkPlNvbWUgdGV4dDwvdGQ+PC90cj4K ICAgIDwvdGFibGU+CjwvZGl2PgoKCjwvYm9keT4KPC9odG1sPgo= 32157 2009-07-01 16:35:00 -0700 2009-07-01 16:35:33 -0700 illustration of different plausible renderings test.html text/html 3549 dpranke PCFET0NUWVBFIEhUTUw+CjxodG1sPjxoZWFkPjwvaGVhZD48Ym9keT4KCjxwPlRlc3QgY2FzZSBm b3IgPGEgaHJlZj0iaHR0cDovL2J1Z3Mud2Via2l0Lm9yZy9zaG93X2J1Zy5jZ2k/aWQ9MzU2NCI+ V2ViS2l0IGJ1ZyAzNTY0PC9hPiAvIAoJPGEgaHJlZj0iaHR0cDovL2J1Z3MuY2hyb21pdW0ub3Jn LzMxOTMiPkNocm9taXVtIGJ1ZyAzMTkzPC9hPi48L3A+IAoJCgk8cD5UaGUgZm9sbG93aW5nIGJs b2NrIGNvbnRhaW5zCglhIGRpdiBjb250YWluaW5nIHR3byBlbGVtZW50czogYSBkaXYgZmxvYXRl ZCBsZWZ0LCBhbmQgdGhlbiBhIHRhYmxlIHNpemVkIGF0IHdpZHRoOiAxMDAlLjwvcD4KPHByZT48 Y29kZT4KJmx0O2RpdiBpZD0iYSIgc3R5bGU9IndpZHRoOiA0MDBweDsgYmFja2dyb3VuZC1jb2xv cjogbGlnaHRncmF5OyBoZWlnaHQ6IDEwMHB4OyImZ3Q7CiAgICAmbHQ7ZGl2IGlkPSJhMSIgc3R5 bGU9ImZsb2F0OiBsZWZ0OyB3aWR0aDogMTAwcHg7IGhlaWdodDogNTBweDsgYmFja2dyb3VuZC1j b2xvcjogbGlnaHRibHVlOyBvcGFjaXR5OiAwLjU7IiZndDsmbHQ7L2RpdiZndDsKICAgICZsdDt0 YWJsZSBpZD0iYTIiIHN0eWxlPSJ3aWR0aDogMTAwJTsgYmFja2dyb3VuZC1jb2xvcjogcHVycGxl OyBoZWlnaHQ6IDI1cHg7IiZndDsKICAgICZsdDt0ciZndDsmbHQ7dGQmZ3Q7U29tZSB0ZXh0Jmx0 Oy90ZCZndDsmbHQ7L3RyJmd0OwogICAgJmx0Oy90YWJsZSZndDsKJmx0Oy9kaXY+CjwvY29kZT48 L3ByZT4KCjxwPlRoZXJlIHNlZW0gdG8gYmUgdGhyZWUgcGxhdXNpYmxlIHJlbmRlcmluZ3MuIFRo ZSBmaXJzdCAoYW5kIHNlZW1pbmdseSBtb3N0IGludHVpdGl2ZSkgc2hyaW5rcwp0aGUgdGFibGUg dG8gZml0IGluc2lkZSB0aGUgY29udGFpbmluZyBkaXY6PC9wPgo8ZGl2IGlkPSJiIiBzdHlsZT0i d2lkdGg6IDQwMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyYXk7IGhlaWdodDogMTAwcHg7 Ij4KICAgIDxkaXYgaWQ9ImIxIiBzdHlsZT0iZmxvYXQ6IGxlZnQ7IHdpZHRoOiAxMDBweDsgaGVp Z2h0OiA1MHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGJsdWU7IG9wYWNpdHk6IDAuNTsiPjwv ZGl2PgogICAgPHRhYmxlIGlkPSJiMiIgc3R5bGU9IndpZHRoOiAzMDBweDsgYmFja2dyb3VuZC1j b2xvcjogcHVycGxlOyBoZWlnaHQ6IDI1cHg7Ij4KICAgIDx0cj48dGQ+U29tZSB0ZXh0PC90ZD48 L3RyPgogICAgPC90YWJsZT4KPC9kaXY+Cgo8cD5UaGUgc2Vjb25kIG92ZXJmbG93cyB0aGUgY29u dGFpbmluZyBkaXY6PC9wPgo8ZGl2IGlkPSJjIiBzdHlsZT0id2lkdGg6IDQwMHB4OyBiYWNrZ3Jv dW5kLWNvbG9yOiBsaWdodGdyYXk7IGhlaWdodDogMTAwcHg7Ij4KICAgIDxkaXYgaWQ9ImMxIiBz dHlsZT0iZmxvYXQ6IGxlZnQ7IHdpZHRoOiAxMDBweDsgaGVpZ2h0OiA1MHB4OyBiYWNrZ3JvdW5k LWNvbG9yOiBsaWdodGJsdWU7IG9wYWNpdHk6IDAuNTsiPjwvZGl2PgogICAgPHRhYmxlIGlkPSJj MiIgc3R5bGU9IndpZHRoOiA0MDBweDsgcG9zaXRpb246IGFic29sdXRlOyBtYXJnaW4tbGVmdDog MTAwcHg7IGJhY2tncm91bmQtY29sb3I6IHB1cnBsZTsgaGVpZ2h0OiAyNXB4OyBvdmVyZmxvdzog dmlzaWJsZTsiPgogICAgPHRyPjx0ZD5Tb21lIHRleHQ8L3RkPjwvdHI+CiAgICA8L3RhYmxlPgo8 L2Rpdj4KCjxwPlRoZSB0aGlyZCBoYXMgdGhlIHRhYmxlIGNsZWFyaW5nIHRoZSBmbG9hdGVkIGRp djwvcD4KPGRpdiBpZD0iZCIgc3R5bGU9IndpZHRoOiA0MDBweDsgYmFja2dyb3VuZC1jb2xvcjog bGlnaHRncmF5OyBoZWlnaHQ6IDEwMHB4OyI+CiAgICA8ZGl2IGlkPSJkMSIgc3R5bGU9ImZsb2F0 OiBsZWZ0OyB3aWR0aDogMTAwcHg7IGhlaWdodDogNTBweDsgYmFja2dyb3VuZC1jb2xvcjogbGln aHRibHVlOyBvcGFjaXR5OiAwLjU7Ij48L2Rpdj4KICAgIDx0YWJsZSBpZD0iZDIiIHN0eWxlPSJ3 aWR0aDogMTAwJTsgYmFja2dyb3VuZC1jb2xvcjogcHVycGxlOyBoZWlnaHQ6IDI1cHg7IGNsZWFy OmJvdGg7Ij4KICAgIDx0cj48dGQ+U29tZSB0ZXh0PC90ZD48L3RyPgogICAgPC90YWJsZT4KPC9k aXY+Cgo8cD5XaGljaCBsYXlvdXQgaXMgImNvcnJlY3QiPyBXZWJLaXQgNCBhbmQgRmlyZWZveCBG RiAzLjEgY2hvb3NlIG9wdGlvbiAjMi4gSUUgOCBhbmQgT3BlcmEgOS42IGNob29zZSBvcHRpb24g IzMuIE5vIG9uZSBjaG9vc2VzIG9wdGlvbiAjMS48L3A+IAo8cD5Gb3IgcmVmZXJlbmNlLCBoZXJl J3MgdGhlIGFwcHJvcHJpYXRlIGNodW5rIG9mIHRoZSBzcGVjOiAoPGEgaHJlZj0iaHR0cDovL3d3 dy53My5vcmcvVFIvQ1NTMi92aXN1cmVuLmh0bWwjZmxvYXRzIj5DU1MgMi4xLCBTZWN0aW9uIDku NTogRmxvYXRzPC9hPikuIAoJPGJsb2NrcXVvdGU+VGhlIGJvcmRlciBib3ggb2YgYSB0YWJsZSwg YSBibG9jay1sZXZlbCByZXBsYWNlZCBlbGVtZW50LCBvciBhbiBlbGVtZW50IGluIHRoZSBub3Jt YWwgZmxvdyB0aGF0IGVzdGFibGlzaGVzIGEgbmV3IDxhIGhyZWY9Imh0dHA6Ly93d3cudzMub3Jn L1RSL0NTUzIvdmlzdXJlbi5odG1sI2Jsb2NrLWZvcm1hdHRpbmciPmJsb2NrIGZvcm1hdHRpbmcg Y29udGV4dDwvYT4gKHN1Y2ggYXMgYW4gZWxlbWVudCB3aXRoICdvdmVyZmxvdycgb3RoZXIgdGhh biAndmlzaWJsZScpIG11c3Qgbm90IG92ZXJsYXAgYW55IGZsb2F0cyBpbiB0aGUgc2FtZSBibG9j ayBmb3JtYXR0aW5nIGNvbnRleHQgYXMgdGhlIGVsZW1lbnQgaXRzZWxmLiBJZiBuZWNlc3Nhcnks IGltcGxlbWVudGF0aW9ucyBzaG91bGQgY2xlYXIgdGhlIHNhaWQgZWxlbWVudCBieSBwbGFjaW5n IGl0IGJlbG93IGFueSBwcmVjZWRpbmcgZmxvYXRzLCBidXQgbWF5IHBsYWNlIGl0IGFkamFjZW50 IHRvIHN1Y2ggZmxvYXRzIGlmIHRoZXJlIGlzIHN1ZmZpY2llbnQgc3BhY2UuIFRoZXkgbWF5IGV2 ZW4gbWFrZSB0aGUgYm9yZGVyIGJveCBvZiBzYWlkIGVsZW1lbnQgbmFycm93ZXIgdGhhbiBkZWZp bmVkIGJ5IDxhIGhyZWY9Imh0dHA6Ly93d3cudzMub3JnL1RSL0NTUzIvdmlzdWRldC5odG1sI2Js b2Nrd2lkdGgiPnNlY3Rpb24gMTAuMy4zPC9hPi4gQ1NTMiBkb2VzIG5vdCBkZWZpbmUgd2hlbiBh IFVBIG1heSBwdXQgc2FpZCBlbGVtZW50IG5leHQgdG8gdGhlIGZsb2F0IG9yIGJ5IGhvdyBtdWNo IHNhaWQgZWxlbWVudCBtYXkgYmVjb21lIG5hcnJvd2VyLjwvYmxvY2txdW90ZT4KCTxociAvPgo8 cD5UaGlzIGJyb3dzZXIgcmVuZGVycyBpdCBhczo8L3A+CjxkaXYgc3R5bGU9IndpZHRoOiA0MDBw eDsgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmF5OyBoZWlnaHQ6IDEwMHB4OyI+CiAgICA8ZGl2 IHN0eWxlPSJmbG9hdDogbGVmdDsgd2lkdGg6IDEwMHB4OyBoZWlnaHQ6IDUwcHg7IGJhY2tncm91 bmQtY29sb3I6IGxpZ2h0Ymx1ZTsgb3BhY2l0eTogMC41OyI+PC9kaXY+CiAgICA8dGFibGUgc3R5 bGU9IndpZHRoOiAxMDAlOyBiYWNrZ3JvdW5kLWNvbG9yOiBwdXJwbGU7IGhlaWdodDogMjVweDsi PgogICAgPHRyPjx0ZD5Tb21lIHRleHQ8L3RkPjwvdHI+CiAgICA8L3RhYmxlPgo8L2Rpdj4KCgo8 L2JvZHk+CjwvaHRtbD4K