CSS Tips to prevent image from being to large
Sometimes you have an image appear in your blog which is too large that causes problems with your WordPress theme. This is a common problem for WordPress blogs that have multiple authors, where some authors don’t know how large the image they can post or new blogger who is not very familiar with CSS code.
Fixing this problem is absolutely easy with CSS hack. You only need to place following code in your stylesheet to set the maximum width for your image:
.postarea img { max-width: 500px; height: auto; }
In the above code snippet, you have to replace postarea with whatever div ID or Class which is used in your theme for the content. And you can adjust the max-width properties to be suitable to your current theme.
As you see, it’s absolutely simple to prevent image from being to large with just a CSS hack. Just do it now for your blog. But please note that this hack may not work on some versions of IE.