I prefer &#39;overflow: hidden;&#39; too, but using &#39;max-width&#39; should work correctly as well.<br><br><br>Cais<br><br><div class="gmail_quote">On Thu, Aug 12, 2010 at 4:11 PM, Philip M. Hofer (Frumph) <span dir="ltr">&lt;<a href="mailto:philip@frumph.net">philip@frumph.net</a>&gt;</span> wrote:<br>
<blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">





<div bgcolor="#ffffff">
<div><font size="2" face="Arial">I was informed of this by Cais just a few minutes 
ago.   </font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial">- Phil</font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial">My prefered is overflow: hidden; 
personally.</font></div>
<blockquote style="border-left: 2px solid rgb(0, 0, 0); padding-left: 5px; padding-right: 0px; margin-left: 5px; margin-right: 0px;" dir="ltr"><div class="im">
  <div style="font: 10pt arial;">----- Original Message ----- </div>
  <div style="font: 10pt arial; background: none repeat scroll 0% 0% rgb(228, 228, 228);"><b>From:</b> 
  <a title="chip@chipbennett.net" href="mailto:chip@chipbennett.net" target="_blank">Chip 
  Bennett</a> </div>
  <div style="font: 10pt arial;"><b>To:</b> <a title="theme-reviewers@lists.wordpress.org" href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a> 
  </div>
  </div><div><div></div><div class="h5"><div style="font: 10pt arial;"><b>Cc:</b> <a title="sayontan@gmail.com" href="mailto:sayontan@gmail.com" target="_blank">Sayontan Sinha</a> ; <a title="philip@frumph.net" href="mailto:philip@frumph.net" target="_blank">Philip M. Hofer 
  (Frumph)</a> </div>
  <div style="font: 10pt arial;"><b>Sent:</b> Thursday, August 12, 2010 1:07 
  PM</div>
  <div style="font: 10pt arial;"><b>Subject:</b> Re: [theme-reviewers] Question 
  regarding Theme Unit Test</div>
  <div><br></div>I disagree with this point:
  <div><br>
  <div class="gmail_quote">
  <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 0.8ex; padding-left: 1ex;" class="gmail_quote">
    <div bgcolor="#ffffff">
    <div><font size="2" face="Arial">you can&#39;t use </font></div>
    <div><font size="2" face="Arial"></font> </div>
    <div><font size="2" face="Arial">img { max-width: #;  }</font></div>
    <div><font size="2" face="Arial"></font> </div>
    <div><font size="2" face="Arial">in the post-content area is basically what&#39;s 
    that saying, (which is what is done usually)  the huge image in the 
    image test that&#39;s in side of there should be handled with 
    overflow:</font></div>
    <div><font size="2" face="Arial"></font> </div>
    <div><font size="2" face="Arial">and the $content_width is for the post area 
    content width to handle the sizing, which is how wordpress takes care of 
    that issue</font></div></div></blockquote>
  <div><br></div>
  <div>There&#39;s nothing wrong with a Theme defining max-width for images via 
  CSS.</div>
  <div><br></div>
  <div>Rather, what those tests verify is that, if max-width *isn&#39;t* defined for 
  images, that the overflow is handled aesthetically.</div>
  <div><br></div>
  <div>Personally, I would say that defining max-width is the *preferred* means 
  of handling over-sized images.</div>
  <div><br></div>
  <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 0.8ex; padding-left: 1ex;" class="gmail_quote">
    <div bgcolor="#ffffff">
    <blockquote style="border-left: 2px solid rgb(0, 0, 0); padding-left: 5px; padding-right: 0px; margin-left: 5px; margin-right: 0px;">
      <div>
      <div>
      <div><br></div>Hello,<br>I have a question regarding the Theme Unit Test 
      for images. The test says:<br><br>
      <ul>
        <li>Wide Image (Resized) Test 
        <ul>
          <li>Image should display properly, and should be resized as specified. 

          </li><li>Sidebar must not be pushed to the bottom of the page. </li></ul>
        </li><li>Wide Image (Not Resized) Test 
        <ul>
          <li>Wide image overflows properly (using <tt>max-width</tt> CSS rule 
          or <tt>content_width</tt> value is defined). 
          </li><li>Sidebar must not be pushed below content due to image overlap. 
          </li></ul></li></ul>I am not very clear on the distinction here. Does it 
      mean that images should not be automatically resized to fit the width of 
      the 
posts?<br></div></div></blockquote></div></blockquote></div></div></div></div></blockquote></div>
<br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br>