I believe you’ll find the answer here in your css:
textarea {
font-family: Arial, Verdana, Helvetica;
font-size: 1.1em;
border: 1px solid #888;
padding: 2px 5px 1px 5px;
width: 600px !important;
width: 250px;
min-width: 100px !important;
max-width: 450px !important;
height: 100px;
}
Try bumping your max-width
down a bit. (backup your css first).
I don’t know what context this form is in, but you should also validate your xhtml and css: http://validator.w3.org/
– John
I’m having a simialr problem, which I can’t fix. I’ve added a extra sidebar on the right, so I need to make the comments textarea narrrower, or it’s forced down to the bottom of the sidebar, as in this page:
http://www.freesitebuilder.co.uk/WordPress/?p=75#comments
I’ve tried editing the CSS, and the comments code, but I haven’t succeeded. My CSS for the comments is
#commentlist { list-style-type: none; margin: 0px; padding: 0px; }
#commentlist li { list-style-type: none; margin-bottom: 10px; padding: 10px; background-color: #E1ECFC; border-top: 1px solid #FFD275; border-bottom: 1px solid #FFD275; }
#commentlist cite { margin: 7px 0px 0px 0px; padding: 0px; font-size: 10px; font-style: normal; }
#commentlist p { margin-top: 0px; padding-top: 0px; }
My textarea code:
<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>
I’ve tried adding textarea widthcoding to the CSS, and changing the “cols” values in the textarea.
TIA
try making the ‘cols’ value a number, i think the default is 50, so make it 40, it worked on mine,
no css is needed.