Input box showing in multiple lines text box?

Up vote 0 down vote favorite share g+ share fb share tw.

The Problem is simple, The below shown is an input text box. I've set the value of the input box value. When the page is loaded, it is shown in multiple lines.

This happens with chrome browser only. Any help HTML: Here is the css for the input box inputtype="text", inputtype="password", select { border: 1px solid #D1D3D4; padding: 3px 5px; border-radius: 4px; background: white; background: -moz-linear-gradient(top, white 0%, white 0%, #F2F2F2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(0%,white), color-stop(100%,#F2F2F2)); background: -webkit-linear-gradient(top, white 0%,white 0%,#F2F2F2 100%); background: -o-linear-gradient(top, white 0%,white 0%,#F2F2F2 100%); background: -ms-linear-gradient(top, white 0%,white 0%,#F2F2F2 100%); filter: progid:DXImageTransform.Microsoft. Gradient( startColorstr='white', endColorstr='#F2F2F2',GradientType=0 ); background: linear-gradient(top, white 0%,white 0%,#F2F2F2 100%); } map.generic.

Css:155 input, textarea { margin: 0; padding: 0; font-family: Helvetica, Verdana, Arial; color: #333; font-size: 16px; } map.generic. Css:148 input, a, div, textarea, img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } map.generic. Css:142 input, a, div, textarea, img, li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } another image after font-size reduced: php html css web-development input link|improve this question edited Jul 12 '11 at 10:47 asked Jul 12 '11 at 10:36Shahal Tharique1979 68% accept rate.

– rzetterberg Jul 12 '11 at 10:46 Are there anymore styles being applied this jsFiddle looks fine in Chrome. How does it look to you? – Smirkin Gherkin Jul 12 '11 at 10:46 @ancide: when I write something longer, the first letter goes to next line, on continuing it goes in the same line itself.

– Shahal Tharique Jul 12 '11 at 10:49 1 solved: removed : div{word-break:break-word} from the css – Shahal Tharique Jul 12 '11 at 11:00.

You could set an 'overflow': overflow:scroll; this will make it scroll... But it's down to the text is too long... either make it wider or reduce text size.

Scrolling is letting it go more down. I want an input box, like a normal one. I tried overflow:hidden; but it's not working.

– Shahal Tharique Jul 12 '11 at 10:44.

Try to down the font size in its css or up the heigth of the box In css of the text, add padding-bottom and put it for example to 3px... Try it!

I removed the entire css and still not working. – Shahal Tharique Jul 12 '11 at 10:40 @Shahal Tharique: but don't remove css, only change the font size of the text and put it less. For example, to 11px – Daniel Garcia Sanchez Jul 12 '11 at 10:43 no, it's not working.

See the image added. – Shahal Tharique Jul 12 '11 at 10:47 solved: removed : div{word-break:break-word} from the css – Shahal Tharique Jul 12 '11 at 11:01 Yeah! Good done.

– Daniel Garcia Sanchez Jul 12 '11 at 11:04.

Create a css class for input box like: . Input_box {height:23px;width:600px;font-size:14px;} and use it. Try altering the width and height if text is wrapping.

It's solved, the problem was with the div{word-break:break-word} in css. Any idea how the div affects input. – Shahal Tharique Jul 12 '11 at 11:07 1 @Shahal Tharique -- welcome to SO!

Now that you have your answer, you should go ahead and submit it as an answer for the question, then click the big checkmark to accept it. That will mark the question as solved and point everyone to the correct solution in the future. – ewall Jul 12 '11 at 12:51.

I figured out the problem myself (But still doesnt' understand why), must be a bug in chrome. I tried removing the following line from the css: div{ word-break:break-word; } tada.. it works like charm. So that must be a bug in chrome.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.