WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Comments page in FF and IE

[Resolved] Comments page in FF and IE

  • My blog is http://www.trashmedia.co.za

    When viewing it in Firefox, the actual comments area (obviously inclusive of user comments) extends from the left to the right side – pretty much the same width as the actual blog post.

    When viewing the same page in Internet Explorer, the width of the comments area is truncated somewhat.

    How and where do I edit the code that will rectify the IE issue, so that it matches the FF version?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Anyone? I’ve had a look at the CSS, but can’t seem to find where this ‘error’ can be fixed.

    Anyone? I’ve had a look at the CSS, but can’t seem to find where this ‘error’ can be fixed.

    I still can’t seem to rectify this. PLease can someone help / guide me.

    Oh come on, there must be SOMEONE who can help me.

    You’ve a left margin on the ‘commentlist’ OL.

    You should install the IE DOM Explorer, you can select the element by click and you’ll see the style properties. The margin that is showing up for the OL is: auto auto auto 30pt.

    So if you add ‘margin: 0;’ to your .commentlist selector it should align the way you want it to.

    It doesn’t seem to work. Here is that part of the code from my stylesheet (I placed the ‘margin: 0’ everywhere, just to make certain):

    .commentlist li, #commentform input, #commentform textarea {
      font: 1em Arial, Verdana, Arial, Sans-Serif;
      color: #333333;
      letter-spacing: 0px;
      margin: 0;
      }
    
    .commentlist li {
      font-weight: bold;
    margin: 0;
    
      }
    
    .commentlist cite, .commentlist cite a {
      font-weight: bold;
      font-style: normal;
      font-size: 1.1em;
    margin: 0;
    
      }
    
    .commentlist p {
      font-weight: normal;
      line-height: 1.5em;
      text-transform: none;
    margin: 0;
    
      }
    
    #commentform p {
      font-family: Arial, Verdana, Arial, Sans-Serif;
    margin: 0;
    
      }
    
    .commentmetadata {
      font-weight: normal;
    margin: 0;
    
      }
    

    I didn’t make myself clear, in the previous post. I’m looking for help with this issue, as raised a few posts ago.

    Thank you.

    Anyone?

    Have you tried just adding it to the .commentlist selector itself like I suggested originally? You don’t need to add it to any of the other selectors like you have above.

    You currently have the following in style.css (line 551):

    .commentlist {
      padding: 0pt;
      text-align: justify;
    }
    

    Change this to:

    .commentlist {
      padding: 0pt;
      margin: 0;
      text-align: justify;
    }
    

    Remember this is a volunteer run forum, people don’t have to help you, they choose to.

    Fantastic. It worked, thanks.

    berklieblog
    Member

    @berklieblog

    Just a tip o’ the hat… thank you, jkeyes.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Comments page in FF and IE’ is closed to new replies.