wp image size issue

[opensource]

Hi
I have a problem about uploading some images in my wp blog.
I have a content div which is 700 width then my image has a
width of 800, and then when it displays in my blog. The image
will overlap from the content div width of 700px.
How do i fix it when I upload some image that has more than
a width of 700, and then once uploaded, the image will
automatic follow the width of the div content blog.

I have played in css and set a width in the class div img
and all the img will follow the size from the content blog,
but then some images has a lower width size of 700
like for example i have an image of 400px, and once i upload
it and post it. The image will automatic
fix into 700 which the image will auto stretch out the width.

So i was wondering what will be the best solution for these issue
that once i upload some image that has more than 700px, it will
automatic set into 700 instead of the original size. I can't set all
the width of the img in the div content cause my images will have
different sizes. I can't even put in actual <img width etc in blog post
cause many of my writers don't know about html and we don't have
much communication. So I'd like to set an automatic width for the
images that has more than 700px etc.

Any advice of the best solution ? Anyone have tried it or similar?

Thanks advance.

 

[chrishirst]

Use the Wordpress Image Functions

 

[Lizyd Design]

Have you tried "max-width" in your CSS?

 

[ronaldroe]

The "problem", I've discovered from having the same issue, is that WP adds width and height attributes to images when it posts them. This makes max-width act up. Here's a link to the answer I found: http://css-tricks.com/snippets/wordpress/remove-width-and-height-attributes-from-inserted-images/

Now, this won't affect images that are already posted - only future images. You'll have to go through and manually remove the attributes in the images that are already posted.