• Resolved fokjulle

    (@fokjulle)


    My blog is https://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)
  • Thread Starter fokjulle

    (@fokjulle)

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

    Thread Starter fokjulle

    (@fokjulle)

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

    Thread Starter fokjulle

    (@fokjulle)

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

    Thread Starter fokjulle

    (@fokjulle)

    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.

    Thread Starter fokjulle

    (@fokjulle)

    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;
    
      }
    
    Thread Starter fokjulle

    (@fokjulle)

    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.

    Thread Starter fokjulle

    (@fokjulle)

    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.

    Thread Starter fokjulle

    (@fokjulle)

    Fantastic. It worked, thanks.

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

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