Sliding posts in Internet Explorer

  • I haven’t been able to find this mentioned anywhere else.

    I am using a modified version of the coffee_cup theme, and just noticed a big problem in Internet Explorer (the site looks fine in Opera and Firefox.

    My address is https://www.jslweb.com/blog

    In IE, the first post looks great, but the second post is a little to the left, maybe 5 px. The big problem is that each consecutive post is another 5 or 10 px’s to the left, until they disappear. But if you hover over a link of any kind, whether it be the post title, add comments, or whatever, the text jumps back to the correct position.

    My style.css file is here: https://jslweb.com/blog/wp-content/themes/coffee_cup/style.css.

    Thanks in advance for the help…

Viewing 4 replies - 1 through 4 (of 4 total)

  • Add a margin-bottom to the blockquote in the stylesheet- it should fix it. (It can be the same colour as the bg, if you don’t want it visible)

    Thread Starter jstephenlamb

    (@jstephenlamb)

    What exactly do I need to add? I added one line (see below), and although it corrected it by about 2 pxs, it didn’t fix it.

    blockquote {
    background: #cfc2a8;
    color: #4f4636;
    border-left: 6px solid #7f7157;
    padding: 10px 20px;
    margin-bottom: 5px;

    Sorry, I typed too fast! I apologize.
    border-bottom, not margin. Border!

    Thread Starter jstephenlamb

    (@jstephenlamb)

    Thanks so much. That fixed it.

    For the record, here is my blockquote code now:

    blockquote {
    background: #cfc2a8;
    color: #4f4636;
    border-left: 6px solid #7f7157;
    border-bottom: 6px solid #7f7157;
    padding: 10px 20px;

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sliding posts in Internet Explorer’ is closed to new replies.