<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DZone Snippets: ie6 code</title>
    <link>http://snippets.dzone.com/posts</link>
    <pubDate>Wed, 08 Oct 2008 03:31:17 GMT</pubDate>
    <description>DZone Snippets: ie6 code</description>
    <item>
      <title>Fix table width weirdness in IE6</title>
      <link>http://snippets.dzone.com/posts/show/215</link>
      <description>If you have a table with rowspans and colspans, it's especially likely that IE6 will begin to ignore your width settings (even if they all add up to the right number) and create a monster table that spreads off into the distance. If your tables work perfectly in FF/Safari/etc, and in IE6 your content is positioned properly but the invisible elements of the table (visible only with borders on) extends to the side so that you get a horizontal scroll bar no matter what you do, you might want to try this drastic CSS tweak:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;html {&lt;br /&gt;    overflow-y: hidden;&lt;br /&gt;}&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;If that doesn't work, try it in body:&lt;br /&gt;&lt;code&gt;&lt;br /&gt;body {&lt;br /&gt;    overflow-y: hidden;&lt;br /&gt;}&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;&lt;disclaimer&gt;Note that this is somewhat hackish, as a last resort if you *know* your tables are *fine* and IE6 is screwing up, and that overflow-x/y are IE6-only and not real CSS. &lt;/disclaimer&gt;</description>
      <pubDate>Fri, 22 Apr 2005 04:48:45 GMT</pubDate>
      <guid>http://snippets.dzone.com/posts/show/215</guid>
      <author>ahoyhere (Amy Hoy)</author>
    </item>
  </channel>
</rss>
