WordPress.org

Ready to get started?Download WordPress

Forums

Comment box (14 posts)

  1. xrlq
    Member
    Posted 10 years ago #

    Actually, this is an old problem I've reported earlier, but it was never fixed. I've since upgraded to the most recent nightly build, and then to the beta version 1.2, but the problem persists. Whenever a reader using Internet Explorer attempts to post a comment to my blog, the comment box expands to the full width of the screen, resulting in some of the box being hidden beneath the sidebar. This affects only the comment being added, not the ones that have already been posted. Can someone please suggest a way to limit the dimensions of the input box so this does not happen in the future? Thanks.

  2. Lilandra
    Member
    Posted 10 years ago #

    if you ever figure it out, tell me
    i just made my comment box smaller and hopefully it doesn't bother IE users too much

  3. Lilandra
    Member
    Posted 10 years ago #

    the tag? which one?

  4. Lilandra
    Member
    Posted 10 years ago #

    oh okay thanks :)

  5. xrlq
    Member
    Posted 10 years ago #

    What is "the css?" I didn't find a width reference in the main index file or the comment template. Is it somewhere else?

  6. Root
    Member
    Posted 10 years ago #

    Let's see if we can help. The CSS is contained in another file with the name wp-layout.css. It contains all the style for the index.php. It can be edited in the normal way. HTH ;)

  7. xrlq
    Member
    Posted 10 years ago #

    OK, I found a section that said:
    #commentform textarea {
    width: 100%;
    }
    Changing the width to 75% seemed to make it fit on my browser. Is it better to leave it that way, or to remove the width reference altogether? And if the latter, is the surrounding #commentform....{ ... } still needed?

  8. Lilandra
    Member
    Posted 10 years ago #

    well, when i changed the percentage on mine it still expanded on IE so maybe try removing it all together?

  9. Root
    Member
    Posted 10 years ago #

    As I understand this problem it goes as follows. The comment box width is defined in cols. The font size throughout is defined in ems. Hence it is fluid. If we fiddle with it and fix the width of our containers and or our fonts this is where we end up. I am using a fixed width layout at least temporarily. So I have fixed my comment box with a fixed width too. It is not an elegant solution but it works.
    Now I just need to deal with the height of the ugly black box below it ;)

  10. danithew
    Member
    Posted 10 years ago #

    As suggested here, I first went into the wp-layout.css file. Then I eliminated the following lines from the file:
    #commentform textarea {
    width: 100%;
    }
    I went back to my blog and tried out the comments and it seemed to stay in a fixed position without that annoying endless extension on the right side. If folks want to go to my site and see how it works/appears to them, I'd be interested in the feedback... just to know if it's showing up alright and working consistently for others as well. So far this appears to be a working solution to the problem.
    http://www.wump.info/wumpblog

  11. xrlq
    Member
    Posted 10 years ago #

    Interesting idea. I tried commenting that sectino out instead, just to be on the safe side, but so far so good.

  12. Beel
    Member
    Posted 10 years ago #

    Lilandra: If you want IE not to expand the textarea box you cannot set a width percentage in the css, the width is set in the tag.

  13. Anonymous
    Unregistered
    Posted 10 years ago #

    I also had this problem so to solve the problem I had to set the COLS attribute in the TEXTAREA tag manually for IE while still allowing the other browsers to use the CSS WIDTH in percentage. Here's how my CSS now looks:
    textarea {
    width: 95%!important; /* New values not taken by browsers except IE which doesn't support !important */
    width: auto; /* Sets IE width to auto while not affecting any other browser */
    overflow: auto;
    }
    Hope it helps!

  14. Anonymous
    Unregistered
    Posted 10 years ago #

    Siekrun, thanks for the CSS... That did the trick on my blog. Have a look see here for a working example: http://ktd.sytes.net/index.php?p=28&style=donkie

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.