Comment width not behaving

  • 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:
    https://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: https://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.

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

  • Check this out

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

    21 seconds ….. must get quicker … ??

    ??

    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.

    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.

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

    Thread Starter helmet

    (@helmet)

    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:
    https://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.

    Margin-right is a well known moz bug

    Thread Starter helmet

    (@helmet)

    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.

    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?

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

    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.

    Thread Starter helmet

    (@helmet)

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

    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.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Comment width not behaving’ is closed to new replies.