• 0

CSS: Fix Comments Box Textbox


Question

8 answers to this question

Recommended Posts

  • 0

max-width: 500px;

max-height: 700px;

Change the values to fit your container

Where do I exactly put that? I can't seem to find max-width:500px or max-width: 700px in the stylesheet?

Link to comment
Share on other sites

  • 0

Not sure why +++iHazCool would recommend max-height and max-width when you should just do height and width. I'm willing to bet that the container is static anyway so putting a static height/width is fine.

In your website files you will see something like stylesheet.css or style.css (or something that ends with CSS.)

Look for textarea in the CSS file and then add the following to textarea {} (it goes in between the brackets.) :

 width: 415px;
 height: 325px;

So it should look something like:

 textarea {
   width: 415px;
   height: 325px;
 }

It might have other values applied to it (like border: 1px solid #7c7c7c;) so all you do is just add what I gave you in the first code box :).

Link to comment
Share on other sites

  • 0

Adding width and height doesn't stop it from resized beyond it's containers width. Textareas are resize-able in Chrome and other browsers :p Alternatively, you can use resize: none to prevent it from being resized.

Here http://brett.batie.com/website_development/no-resize-textarea-in-chrome-safari/

A user manually resizing has nothing to do with resolving the issue.

Link to comment
Share on other sites

  • 0

A user manually resizing has nothing to do with resolving the issue.

Oh sorry, I just viewed the site. Should have done that earlier instead of looking at the screenshot only.

@OP

I viewed your source code and found this:

<li><br/><textarea name="comments_content" id="comments_content" rows="10" style="width: 500px;"></textarea></li>

Maybe you could try removing width: 500px or change it to a value that fits.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.