مشکل در اسکرول صفحه

[xrezax]

بچه ها من دارم یک چت روم طراحی می کنم. و به دوتا مشکل بر خوردم که طبق عکس توضیح می دم.

اول اینکه چطور اسکرول شماره 1 رو حذف کنم. یعنی اگر پیام طولانی باشه توی یک خط نشون نده تا اسکرول پایینی ظاهر نشه.
مثلا :
اگر کاربر اینجور نوشت

11111111111111111111111111111111111111111111111111 1

برای جلوگیری از ظاهر نشدن اسکرول پایینی اینجوری نشونش بده

111111111111111111111111
111111111111111111111111
111111111111111111111111
11111111111111

سوال دومم هم اینه

چطور کادر شماره 2 رو مولتی لاین کنم که بصورت یک سره همشو توی یک خط ننویسه و اگر کاربر متنش طولانی بود خود به خود به سطرهای پایین تر بره.

امیدوارم واضح گفته باشم.

[Saber Mogaddas]

سلام
برای حذف شماره یک از دستور :

overflow-x: hidden;

برای برش خطوط نیز از دستور زیر :

word-wrap: break-word;

ولی تا اونجایی که حضور ذهن دارم این دستور چون از دستورات css 3 هست تو firefox , opera مشکل داره ولی اگه شما استایل text-align رو مساوی با justify بدید به طوری که نوشته ها فاصله دار باشند مشکل شما حل خواهد شد..
برای multi line کردن 2 نیز خاصیت textmode را برای textbox مساوی با multiline قرار بدید..
و یا از textarea استفاده کنید att های textarea به این قرارند :


<textarea name="" rows="" cols="" class="" id="" dir="" lang="" title="" style="" readonly="" disabled="" tabindex="" onfocus="" onblur="" onselect="" onchange="" onclick="" ondbclick="" onmousedown="" onmouseup="" onmouseover="" onmousemove="" onmouseout="" onkeypress="" onkeydown="" onkeyup="" > </textarea>

موفق باشید..

[xrezax]

میشه بیشتر توضیح بدی . من نفهمیدم باید چیکار کنم