{"id":133,"date":"2006-01-21T18:25:38","date_gmt":"2006-01-21T23:25:38","guid":{"rendered":"http:\/\/www.glendathegood.com\/blog\/?p=133"},"modified":"2006-01-21T18:42:16","modified_gmt":"2006-01-21T23:42:16","slug":"shoofly-there-is-a-bug-in-my-pie","status":"publish","type":"post","link":"http:\/\/www.glendathegood.com\/blog\/shoofly-there-is-a-bug-in-my-pie\/","title":{"rendered":"Shoo Fly – There is a bug in my PIE"},"content":{"rendered":"
\"\"<\/div>\n

Imagine my surprise, when I pointed my PDA browser (Pocket Internet Explorer aka PIE, Mozilla\/4.0 (compatible; MSIE 4.01; Windows CE; PPC; 240×320)) to www.cnet.com<\/a> and my browser crashed! Ouch. There seems to be a bug in my PIE! <\/p>\n

I couldn’t resist lifting up the hood to see if I could identify the culprit. Surprise, surprise, it is what I call the “the siamese twin float listing whammy”. Poor little PIE, can not<\/strong> handle two elements in a row that are both styled with a float and width followed immediately by an ordered or unordered list. Here is a simple example so you too can experience the pain.<\/p>\n

\n<head>
\n<style type=”text\/css”>
\n<!–
\n#thing1 {
\nfloat: right;<\/strong>
\nwidth: 10px;<\/strong>
\n}
\n#thing2 {
\nfloat:right;<\/strong>
\nwidth: 10px;<\/strong>
\n}
\n–>
\n<\/style>
\n<\/head>
\n<body>
\n<div id=thing1>
\n<img src=”..\/images\/thing1.jpg” alt=”Thing 1″ \/>
\n<\/div>
\n<div id=thing2>
\n<ol>
\n<li>Float<\/li>
\n<li>Float<\/li>
\n<li>List<\/li>
\n<li>#$%^!<\/li>
\n<ol>
\n<\/div>
\n<\/body>\n<\/div>\n

I also posted a sample page that will crash pie.<\/a><\/p>\n

Solutions? Well, other than avoiding the float\/width, float\/width, list combo, if you will insert anything in your code (another tag, text, a non-breaking space) any where between the floated elements and\/or the list you will solve this problem.<\/p>\n

So don’t get caught by the vicious “siamese twin float listing whammy” there are a lot of us out here browsing with PIE!<\/p>\n","protected":false},"excerpt":{"rendered":"

\"\"<\/div>\n

Imagine my surprise, when I pointed my PDA browser (Pocket Internet Explorer aka PIE, Mozilla\/4.0 (compatible; MSIE 4.01; Windows CE; PPC; 240×320)) to www.cnet.com<\/a> and my browser crashed! Ouch. There seems to be a bug in my PIE! <\/p>\n

I couldn’t resist lifting up the hood to see if I could identify the culprit.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11,8],"tags":[],"_links":{"self":[{"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/posts\/133"}],"collection":[{"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/comments?post=133"}],"version-history":[{"count":0,"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/posts\/133\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/media?parent=133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/categories?post=133"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.glendathegood.com\/blog\/wp-json\/wp\/v2\/tags?post=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}