Something basic in CSS seems missing

[ruffy]

I have this input field in my opening page markup:
<input id='que1' size='20' value='$q1' />
and made its value over 20 characters to test this CSS styling:
#que1 {overflow: visible;}
Tested it in FF and Safari, and it won't overflow to display its entire contents.
Do you see why not?

 

[BabyJeffy]

You can't control form elements like that. It's something that is controlled by the browser internals... and not exposed to us mere mortals to that kinda thing.

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[ruffy]

Well then, Jeff, what is that CSS code {overflow: visible;} used for? And are you saying I hvae NO choice but to increase the size of the input area?

 

[Sleidia]

Ruffy, what you can do is use a textarea instead. Then, with Javascript, you can make its size auto-adapt to the content while typing. Fckeditor uses this technic.

 

[Foamcow]

Well then, Jeff, what is that CSS code {overflow: visible;} used for?

Other elements, just not form controls. Form controls are browser/OS dependent and not entirely controllable with CSS.

--
Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.