• Folks,

    As some of you already know I’ve spent some time recently working up and launching a 3 column theme for my site (https://www.avalon5.com)

    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.

    c0y0te

Viewing 10 replies - 16 through 25 (of 25 total)
  • Well, my guess is that you’ll have to make your in-post pics no wider than 154px (the widest of the ones on your index page), whereas the one in the linked example there is 158px wide.

    The other option would be to reduce the center column (div id=”content”, that is) width a percentage point or so, until IE stops choking. Hmmm. I see that you’re using px dimensions instead of percentages, so you’d have to drop the 590px to 580px maybe.

    This is one of those “tweak ’til you drop from frustration” situations…. 3 column themes are right bitches.

    Thread Starter c0y0te

    (@c0y0te)

    right so – I might as well wait for the weekend to try that stuff as I’m thinking there will be lots and lots of trial and error.

    Thanks for the advice.

    Well, yes, generally you need some uninterrupted blocks of time (so that when your spouse finds you beating your head against a wall you will have the time to explain, among other things….)

    When you get back into it, feel free to post back here, we’ll try to help.

    Try

    .storycontent{
    overflow-x: hidden;
    }

    Thread Starter c0y0te

    (@c0y0te)

    Sam_a – will do. I’ll try it this evening when I get in from work. Thanks.

    Thread Starter c0y0te

    (@c0y0te)

    Sam-a: Unfortunately that made no difference. Still have the problem.

    coyote, I am afraid, there no simple solution for that, otherwise it would have been widely publicized. IE works just like that: you have to manually re-size the images before uploading.
    Of course, you can define the width and height in the img tag, too; it will reduce the size of the appearence but not the file size, though. I know, the file size is irrelevant in this case… just a reminder ??

    Try

    #content, .post, .storycontent{
    overflow-x: hidden;
    }

    You also get this problem on the post with the airplane (https://www.avalon5.com/index.php/archives/188)? That image doesn’t look big enough to break the float.

    Thread Starter c0y0te

    (@c0y0te)

    Sam_a – you are a friggin’ Genius:)

    Thank you so much for that code – it seems to have fixed it all up. Really – thanks!!!!!

    c0y0te

    Helped me too, Sam!
    Grateful,
    jim

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