{"id":193,"date":"2006-10-05T20:59:00","date_gmt":"2006-10-05T18:59:00","guid":{"rendered":"http:\/\/www.maratz.com\/blog\/archives\/2006\/10\/05\/readers-advice-iframe-bug-in-firefox\/"},"modified":"2006-12-03T01:41:28","modified_gmt":"2006-12-02T23:41:28","slug":"readers-advice-iframe-bug-in-firefox","status":"publish","type":"post","link":"http:\/\/www.maratz.com\/blog\/archives\/2006\/10\/05\/readers-advice-iframe-bug-in-firefox\/","title":{"rendered":"Reader&#8217;s advice: iframe bug in Firefox"},"content":{"rendered":"<p><img loading=\"lazy\" src=\"\/img\/sshots\/iframe_bug.jpg\" height=\"541\" width=\"420\" alt=\"Firefox iframe bug\" \/><\/p>\n<p>In <a href=\"http:\/\/www.mozilla.com\/firefox\/\">Firefox<\/a> there&#8217;re those annoying black 1px thin horizontal lines inside <code>iframe<\/code>. I haven&#8217;t found anything useful so far, even though the bug has been mentioned <a href=\"http:\/\/www.andybudd.com\/archives\/2005\/11\/common_css_bugs_in_safari_firefox_and_opera\/\">here<\/a> and <a href=\"http:\/\/www.456bereastreet.com\/archive\/200511\/mozilla_firefox_15_released\/\">there<\/a>.<\/p>\n<p>So, the question is &#8211; what\u2019s your experience with this nasty thingy? To make this even more interesting, the one who comes with the bulletproof solution will receive a copy of <a href=\"http:\/\/www.cssmastery.com\/\">CSS Mastery<\/a>, <a href=\"http:\/\/domscripting.com\/book\/\">Dom Scripting<\/a> or <a href=\"http:\/\/www.quirksmode.org\/book\/\">ppk on JavaScript<\/a>.<\/p>\n<h3>Update<\/h3>\n<p>This error occures in Firefox 1.5.0.7, both Win and Mac.<\/p>\n<h3 id=\"update_2\">Update 2<\/h3>\n<p>The workaround for the above is to set rule <code>position: absolute<\/code> to an <code>iframe<\/code>. No coordinates should be specified (<code>left<\/code> or <code>top<\/code>), and the parent element <strong>should not<\/strong> be set to <code>position: relative<\/code>, as this throws the <code>iframe<\/code> back to square one.<\/p>\n<p><em><strong>Ed\u2019s note:<\/strong> The bug has nothing to do with the \u2018rounding error\u2019.<\/em><\/p>\n<h3>Update 3<\/h3>\n<p>You\u2019ll have to <a href=\"http:\/\/www.coolinarika.com\/klub\/registracija\">register<\/a> at <a href=\"http:\/\/www.coolinarika.com\/\">Coolinarika.com<\/a> to see the working example.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Firefox there&#8217;re those annoying black 1px thin horizontal lines inside iframe. I haven&#8217;t found anything useful so far, even though the bug has been mentioned here and there. So, the question is &#8211; what\u2019s your experience with this nasty thingy? To make this even more interesting, the one who comes with the bulletproof solution [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/193"}],"collection":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":0,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/193\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/media?parent=193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/categories?post=193"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/tags?post=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}