<div class="gmail_quote">On Mon, Feb 14, 2011 at 12:23 AM, Carl Wiedemann <span dir="ltr"><<a href="mailto:carl.wiedemann@gmail.com">carl.wiedemann@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
As the width of the containing element decreases, table width minimally conforms with respect to the cell contents. <div><br></div><div>This is problematic on many sites, even <a href="http://drupal.org" target="_blank">drupal.org</a> (<a href="http://api.drupal.org/api/drupal/developer--topics--forms_api_reference.html/6" target="_blank">http://api.drupal.org/api/drupal/developer--topics--forms_api_reference.html/6</a> hangs over the right column, for example)</div>
<div><br></div><div>Consider using a different theme with a fluid width to better support this content, decrease table font size/margins/padding, or revise table content.</div></blockquote><div><br></div><div>I haven't had the time to dig in to see how they did it, but the way that Lullabot does their code blocks on their redesign is both cool and functional. For an example, check out <a href="http://www.lullabot.com/articles/querying-slave-database-with-views">http://www.lullabot.com/articles/querying-slave-database-with-views</a> and mouseover the code snippet that is wider than the content column. </div>
<div><br></div><div>It's a bit of apples to oranges (table vs code tags), but depending on the content within the table it might be a possible solution.</div><div><br></div><div>Justin</div><meta http-equiv="content-type" content="text/html; charset=utf-8"></div>