Silencer Posted November 13, 2010 Share Posted November 13, 2010 Greetings Guys, Any idea how to fix this Comments box so that it won't be going through the other elements? Where do I go about fixing the width in the Stylesheet? Here's a screenshot: Uploaded with ImageShack.us Link to comment Share on other sites More sharing options...
0 RoomKid Posted November 13, 2010 Share Posted November 13, 2010 max-width: 500px; max-height: 700px; Change the values to fit your container Link to comment Share on other sites More sharing options...
0 Silencer Posted November 13, 2010 Author Share Posted November 13, 2010 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 More sharing options...
0 nub Posted November 13, 2010 Share Posted November 13, 2010 Add it Link to comment Share on other sites More sharing options...
0 RoomKid Posted November 13, 2010 Share Posted November 13, 2010 As nub mentioned, add it to the element in your stylesheet. Link to comment Share on other sites More sharing options...
0 Cupcakes Posted November 13, 2010 Share Posted November 13, 2010 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 More sharing options...
0 RoomKid Posted November 13, 2010 Share Posted November 13, 2010 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/ Link to comment Share on other sites More sharing options...
0 Cupcakes Posted November 13, 2010 Share Posted November 13, 2010 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 More sharing options...
0 RoomKid Posted November 13, 2010 Share Posted November 13, 2010 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 More sharing options...
Question
Silencer
Greetings Guys,
Any idea how to fix this Comments box so that it won't be going through the other elements? Where do I go about fixing the width in the Stylesheet? Here's a screenshot:
Uploaded with ImageShack.us
Link to comment
Share on other sites
8 answers to this question
Recommended Posts