bullet image behavior in IE7 buggy

  • Resolved chickspirit

    (@chickspirit)


    15 years, 6 months ago

    Any suggestions for how to fix my image bullets behaving strangely in IE?
    For the most part they aren’t showing up but when I scroll up & down random bullets appear and then disappear.

    All is fine in FF.

    Here’s my URL https://whoischick.com/greenfilmproduction/

    And here’s what I’ve tried so far based on google & wordpress searches…

    1. added position: relative to #greenlist ul li
    Before I added this they weren’t showing up at all. After adding this the strange behavior noted above started happening.

    2. added list-style-position: inside to #greenlist ul li
    The bullets showed up with this one but pushed everything right and made everything a mess in terms of alignment

    3. tried adding a float to the list. Didn’t work

    4. tried holly hack w/ margin bottom: 0; Didn’t work

    5. Tried display: inline-block; in the containing element based on this interesting theory. https://tinyurl.com/lkepgv
    I’m a newbee to CSS so wasn’t sure what was considered the containing element. Tried #content, #insideWrapper and .post

    Any help appreciated.

    Thanks.

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

  • Hi

    This made the bullets appear in IE7, in my browser.

    For now add this to your theme’s header.php file, in the <head> section, and below the lines that declare your style.css stylesheet file.

    see if it resolves your problem.

    <!–[if IE 7]>
    <style type=”text/css”>
    #greenlist ul li { margin-left: 18px; }
    </style>
    <![endif]–>

    Thread Starter chickspirit

    (@chickspirit)

    Awesome! That totally worked. Finally!!!!

    Thanks so much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘bullet image behavior in IE7 buggy’ is closed to new replies.