Click to See Complete Forum and Search --> : How can I disable horizontal scroll in textbox for FireFox?


newbie009
08-18-2009, 09:13 PM
How can I disable horizontal scroll in textbox for FireFox?

Right now 1 textbox has vertical scroll and other textbox has horizontal scroll.
It only looks like this on FireFox but it looks ugly.
http://jumbofiles.com/example.gif

I used this code but it only worked for IE not FireFox:
style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical;"

Basically I want only vertical scroll.
Is there a code that works for both browsers?

multimediocrity
08-18-2009, 11:00 PM
Hmm... maybe try removing the property overflow: scroll;. Keep the ones where you specify x and y. Maybe it's giving conflicting instructions and IE and FireFox listen to different instructions.

webdeveloper074
08-20-2009, 06:21 AM
word-wrap:break; is a property suppported in CSS 3.

But I dont think Firefox supports that property yet.

The work around could be putting a line-break through PHP.

kiwibrit
08-20-2009, 07:35 AM
Css 3 is still in working draft, as far as I can make out. Use with care (if at all, if you have clients using old browsers, including IE6).

webdeveloper074
08-20-2009, 12:25 PM
Exactly kiwi, hence I've suggested breaking it with PHP or other server side scripts.