Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Something basic in CSS seems missing

Status
Not open for further replies.

ruffy

Programmer
Oct 1, 2003
72
US
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?
 
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
[/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
 
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?
 
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.
 
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.


 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top