<?xml version="1.0" encoding="UTF-8"?>
<feed xml:lang="en-US" xmlns="http://www.w3.org/2005/Atom">
  <title>opensoul.org - Safari bug with DLs and floats Comments</title>
  <id>tag:opensoul.org,2010:/2008/7/25/safari-bug-with-dls-and-floats/comments</id>
  <generator version="0.8.0" uri="http://mephistoblog.com">Mephisto Drax</generator>
  <link href="http://opensoul.org/2008/7/25/safari-bug-with-dls-and-floats/comments.xml" rel="self" type="application/atom+xml"/>
  <link href="/2008/7/25/safari-bug-with-dls-and-floats" rel="alternate" type="text/html"/>
  <updated>2010-05-06T22:36:17Z</updated>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Dave</name>
    </author>
    <id>tag:opensoul.org,2008-07-25:6919:21696</id>
    <published>2010-05-06T22:36:17Z</published>
    <updated>2010-05-06T22:36:17Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2008/7/25/safari-bug-with-dls-and-floats" rel="alternate" type="text/html"/>
    <title>Comment on 'Safari bug with DLs and floats' by Dave</title>
<content type="html">&lt;p&gt;Setting an fixed-width (if the layout can accommodate it) will help to override the phantom margin-right. I&#8217;m having to resort to this myself.&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Oded</name>
    </author>
    <id>tag:opensoul.org,2008-07-25:6919:14596</id>
    <published>2009-06-04T19:55:07Z</published>
    <updated>2009-06-04T19:55:07Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2008/7/25/safari-bug-with-dls-and-floats" rel="alternate" type="text/html"/>
    <title>Comment on 'Safari bug with DLs and floats' by Oded</title>
<content type="html">&lt;p&gt;I have a similar problem, I think its the same bug although the trigger is somewhat different and I currently have no fix for it: http://geek.co.il/articles/webkit-margin-with-float-bug.html&lt;/p&gt;


	&lt;p&gt;What happens, is that there is a block that floats to the left, and to the right of it is several blocks that I want to all be aligned horizontally. so I add a margin-left that is bigger then the size of the float. I also have &#8220;overflow: hidden&#8221; for another reason that I won&#8217;t expand on, but it can&#8217;t go.&lt;/p&gt;


	&lt;p&gt;What actually happens is that for the blocks to the side of the float, webkit (both Safari and Chrome) puts what appears to be a right margin that is the size of the float. The only way around this is to turn off either the overflow: hidden or the margin-left.&lt;/p&gt;</content>  </entry>
</feed>
