WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Comments page in FF and IE (12 posts)

  1. fokjulle
    Member
    Posted 8 years ago #

    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?

  2. fokjulle
    Member
    Posted 8 years ago #

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

  3. fokjulle
    Member
    Posted 8 years ago #

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

  4. fokjulle
    Member
    Posted 8 years ago #

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

  5. fokjulle
    Member
    Posted 8 years ago #

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

  6. jkeyes
    Member
    Posted 8 years ago #

    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.

  7. fokjulle
    Member
    Posted 8 years ago #

    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;
    
      }
    
  8. fokjulle
    Member
    Posted 8 years ago #

    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.

  9. fokjulle
    Member
    Posted 8 years ago #

    Anyone?

  10. jkeyes
    Member
    Posted 8 years ago #

    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.

  11. fokjulle
    Member
    Posted 8 years ago #

    Fantastic. It worked, thanks.

  12. berklieblog
    Member
    Posted 7 years ago #

    Just a tip o' the hat... thank you, jkeyes.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.