Support » Themes and Templates » Need some inspired help please… CSS and IE

  • Folks,

    As some of you already know I’ve spent some time recently working up and launching a 3 column theme for my site (

    Problem is that some posts/articles don’t quite display correctly in IE, where as others so. When displaying correctly the content is displayed between the two columns. When it’s not correct, the content is displayed lower than the two columns (as if the content can’t fit??)

    I’ve no idea why but I assume it’s something to do with the CSS and an IE bug of some description (isn’t it always?).

    Can some CSS guru please cast your eyes over my design/css/theme and let me know where I’ve gone wrong. These issues don’t show in FF, only in IE. Thanks in advance.


Viewing 15 replies - 1 through 15 (of 25 total)
  • “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 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.

    Is there any way to force this? I’ve got over 200+ posts on my site, most of em with images. It could take me a while to go through all those looking for dodgy image sizes.

    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….

    Vkaryl – I’m a complete idiot with CSS, pure trial and error stuff.

    Any chance you could drop some code as an example for me please? Thanks in advance.


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

    It displays the post down the page after the sidebars when you click into it, instead of between the sidebars.

    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.

    Anyone out there know how to help us with this issue?

    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.

    Hmmm. Yeah, David, I’m pretty sure that was what I posted above….

    Regarding this…

    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.

    Not trying to be smartass folks.. but can someone give me this in english? resize to exactly what size? how do I provide size in markup?

    Possibly show me some code or examples please? Honestly – I’m happy to go try these suggestions, but I just don’t understand what it is you are suggesting I go do.


    c0y0te: what he meant by that is to in each pic in your posts use something similar to the following:

    <img src="path to image" width="150px" height="60px">

    Hope that’s a little less obfuscated.

    Thank you – I’ll try that with the dodgy posts as an example and see if it works.

    Good luck, and let us know how it goes, please!

    Tried that approach on the following post:-

    Unfortunately it didn’t seem to make any difference. Still open to suggestions folks. Thanks for any help you can offer.


Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Need some inspired help please… CSS and IE’ is closed to new replies.