WordPress.org

Ready to get started?Download WordPress

Forums

Comment width not behaving (16 posts)

  1. helmet
    Member
    Posted 10 years ago #

    Hi, thanks for looking.
    I have a problem with the comments that are submitted to a topic.
    Everything was running fine, that was until idecided to test the text wrapping of a comment. I found that the comment did not wrap, but instead ran into and through the right hand side column.
    I you have a look at this picture it should explain it better:
    http://www.helmet.pwp.blueyonder.co.uk/com_problem.jpg
    This is from the default index.php, with no changes made to the wp-layout.css
    The code is:
    <h2 id="comments">1 Comment
    &raquo;
    </h2>
    The URI to TrackBack this entry is: http://localhost/wp-trackback.php/7

    <ol id="commentlist">
    <li id="comment-5">
    lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

    <cite>Comment by Chris — 7/27/2004 @ 10:43 pm</cite>

RSS feed for comments on this post.
<h2 id="postcomment">Leave a comment</h2>
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <b>

<i> <strike>

Ive tried putting a width into the:
ol#comments li p {
font-size: 100%;
width: 99%;
}

But that didnt help either.
I've searched the forum and can only find problems regarding the width of the comment input box.
Any helpers?
Thanks very much in advance for any help provided.
P.S. how cool is WP :)
Cheers,
Chris.

  • Root
    Member
    Posted 10 years ago #

    Check this out

  • Mark (podz)
    Support Maven
    Posted 10 years ago #

    Root may have this sorted: http://www.atthe404.com/blog/index.php?p=109
    About 1C :)

  • Mark (podz)
    Support Maven
    Posted 10 years ago #

    21 seconds ..... must get quicker ... :)

  • Root
    Member
    Posted 10 years ago #

    :)

  • Root
    Member
    Posted 10 years ago #

    We may have been a bit hasty with our answers but in fairness it is not easy without a url to the blog exhibiting the symptoms. If you can put up the url we can have a better look.

  • Mark (podz)
    Support Maven
    Posted 10 years ago #

    Did you try Root's solution ?
    That part of your blog is controlled by the two tags mentioned in roots page - try using them and change the value of 450 between refreshing the screen (ctrl-f5) so you pick up the changes.

  • Root
    Member
    Posted 10 years ago #

    Crikey he is onto something here. Look at the last comment here Tell me when you are done so I can delete it.

  • helmet
    Member
    Posted 10 years ago #

    Hi Podz, yeah i have tried it for the comment and for the comment form as mentioned on Root's site.
    Here is the CSS with all parts regarding comments set to margin 0 and 450px:
    #commentform #comment{
    width: 450px;
    margin:0;
    }
    #commentform textarea {
    width: 450px;
    margin:0;
    }
    #commentlist li ul {
    border-left: 1px solid #ddd;
    font-size: 110%;
    list-style-type: none;
    width: 450px;
    margin:0;
    }
    ol li p{ /* MY ADDED STYLE TO CONTROL THE OL COMMENT THAT IS IN BLUE */
    background-color: #0066CC;
    margin:0;
    width: 450px;
    }
    #commentlist li p {
    width: 450px;
    }

    an interesting thing happens though, only viewable in Firefox, the blue background does behave but not the text, see it here:
    http://www.helmet.pwp.blueyonder.co.uk/com_problem3.jpg
    you can margin left it as much as you want and that behaves as it should, margin right has no effect, its all a bit mad.
    Thanks.

  • Root
    Member
    Posted 10 years ago #

    Margin-right is a well known moz bug

  • helmet
    Member
    Posted 10 years ago #

    Thanks for that Root, seems thats not all either....eek.
    To be honest i've only been using CSS for the past 4 months, still rather new at it.

  • Root
    Member
    Posted 10 years ago #

    I think we can agree that text in a paragraph should not be going right outside our rap divs at all. This is a bug and I am not going to worry. Although if we set scroll bars to 0 on the text box it would prevent it presumably?

  • Root
    Member
    Posted 10 years ago #

    Incidentally I do not know what you have planned but on your mockup you have a DTD of 1.0 strict I think?

  • Root
    Member
    Posted 10 years ago #

    This might be coded like that deliberately. Certain cited text and urls etc cant break and go on regardless. I guess most people break when they hit the edge of the box, but it could look unsightly.

  • helmet
    Member
    Posted 10 years ago #

    The default template (as used for all screeenshots) does however hold a DTD of 1.0 Transitional. Fair comment though, cheers.

  • Root
    Member
    Posted 10 years ago #

    Incidentally on my blog a user has just reported another glitch in the comments in the default install. In index php the box for the name of the commentator is called author. In the CSS it is called name. Obvious typo and mismatch.

  • Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags

    No tags yet.