Need some inspired help please… CSS and IE

“some posts are OK, others are not”… this is not the best way to describe an issue. Give a link to a faulty post.

After a quick overview I picked one post http://www.avalon5.com/index.php/archives/234 which has quite a big image, so I suspected it might be in the “not OK” category 🙂 – and indeed.
Check all those posts for the image size: FF makes them “shrink” to fit, but IE doesn’t. The width of an image + paddings + borders + margins = cannot be bigger than the width of its container div.
Resize the image and check if it works.

If you have an overall img selector in your css, you could set width and height in percentages in the declarations – which *might* work. It’s occasionally wonky…. more so in IE than in FF.

If you don’t have an overall img selector, you can add one with the above declarations (and probably border:0; as well). Same caveat applies….

That post displays for me fine in IE. Have you fixed your problem? If not, put another post which is displaying incorrectly for you.

I recall having a similar problem. It occurred with an image in my left sidebar. After I resized it smaller, the posts fit. I’m sure there is a better way to do this in CSS, but I’m not that good at CSS, yet, either. Perhaps someone can help us fix this correctly.

The long way around is your safest bet: re-size the images to the exact size, /and/ provide that size in the markup as well.

The alternative that has been proposed to size the images in the CSS is faulty and bug prone. And attempting to re-size them only in the markup is a similar waste of time.