<font size="2"><font face="tahoma,sans-serif">If you are using i.e. </font></font><div><font size="2"><font face="tahoma,sans-serif"><br></font></font></div><blockquote class="gmail_quote" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0.8ex; border-left-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; padding-left: 1ex; ">
<font class="Apple-style-span" face="tahoma, sans-serif">height: auto;<br></font><font size="2"><font face="tahoma,sans-serif">max-width: 96%; <br></font></font><font class="Apple-style-span" face="tahoma, sans-serif">width: auto;</font></blockquote>
<div><font size="2"><font face="tahoma,sans-serif"><br></font></font></div><div><font size="2"><font face="tahoma,sans-serif"><br></font></font></div><div><font size="2"><font face="tahoma,sans-serif">you should be just fine, nothing will get pushed and the image will resize accordingly. overflow: hidden; might not be the best answer to this. I use all three in my CSS and looks good in all browsers. You can also play with the percentage too. % work slightly better than pixels and even if the layout changes this will adopt to new design, so you don't have to do it all over again.</font></font></div>
<div><font class="Apple-style-span" face="tahoma, sans-serif"><br></font></div><div><font size="2"><font face="tahoma,sans-serif"></font></font><font class="Apple-style-span" face="tahoma, sans-serif">Cheers,</font></div>
<div><font class="Apple-style-span" face="tahoma, sans-serif">Emil<br></font><div><font size="2"><font face="tahoma,sans-serif"><br clear="all"></font></font><div><strong>Emil Uzelac</strong> | ThemeID | T: 224-444-0006 | Twitter: @EmilUzelac | E: <a href="mailto:emil@themeid.com" target="_blank">emil@themeid.com</a> | <a href="http://themeid.com/" target="_blank">http://themeid.com</a></div>
<div><font color="#999999">Make everything as simple as possible, but not simpler. - Albert Einstein</font></div><br>
<br><br><div class="gmail_quote">On Sat, Mar 5, 2011 at 6:18 PM, Syahir Hakim <span dir="ltr"><<a href="mailto:khairulsyahir@gmail.com">khairulsyahir@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
Hi everyone,<br>
<br>
I have one question about the wide image overflow requirement. Is it only required that the sidebar is not pushed down because of the wide image, or is it that we should never allow images to overflow the content area (i.e. overflow: hidden;). Using overflow:hidden has been causing lots of trouble with the layout for my theme (e.g. half-hidden title text, unwrapped paragraph around aligned images, etc), so I was hoping that maybe it is okay for the image to overflow behind the sidebar area, but not push it down (i.e. using set width or max-width on the content area).<br>
<br>
-- <br>
Regards,<br>
Syahir Hakim<br>
<br>
Contact:<br>
<a href="http://www.khairul-syahir.com" target="_blank">http://www.khairul-syahir.com</a><br>
+6014 753 1883<br>
<br>
_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">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>
</blockquote></div><br></div></div>