Welcome to Dream.In.Code
Getting Help is Easy!

Join 109,295 Programmers for FREE! Ask your question and get quick answers from experts. There are 1,176 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



Resize of the input boxes in FF 3.0

 
Reply to this topicStart new topic

Resize of the input boxes in FF 3.0

avijeetp
post 8 Aug, 2008 - 04:00 AM
Post #1


New D.I.C Head

*
Joined: 8 Aug, 2008
Posts: 2

Why the size of the input text boxes become smaller in FF 3.0 than IE or any lower version of FF?

Can anybody please help me out.
User is offlineProfile CardPM

Go to the top of the page


pertheusual
post 9 Aug, 2008 - 05:22 PM
Post #2


D.I.C Head

**
Joined: 26 Jan, 2008
Posts: 222



Thanked 1 times
My Contributions


I'm assuming you mean the width?
What are you using to specify the width?

Showing us your HTML and such would help.

Per
User is offlineProfile CardPM

Go to the top of the page

avijeetp
post 11 Aug, 2008 - 10:31 PM
Post #3


New D.I.C Head

*
Joined: 8 Aug, 2008
Posts: 2

QUOTE(pertheusual @ 9 Aug, 2008 - 05:22 PM) *

I'm assuming you mean the width?
What are you using to specify the width?

Showing us your HTML and such would help.

Per


yes I mean to say the width of Input text boxes are smaller in FF 3.0 as compared to FF 2.0 and IE 7.0. The input boxes appear smaller in FF 3.0.

I am using .js file to set the size attribute of the input boxes like.

inputField.element.size = 17;

Thanks in advance.
avijeet
User is offlineProfile CardPM

Go to the top of the page

pertheusual
post 12 Aug, 2008 - 06:23 AM
Post #4


D.I.C Head

**
Joined: 26 Jan, 2008
Posts: 222



Thanked 1 times
My Contributions


You should try to use the CSS values for this stuff because it will give you much more accuracy.

I can't say for sure, but I think the element size is based on the number of characters that can fit, which means it varies with font and font-size and browser.

Without other code, I'm not 100% certain what inputField is, but try using:
inputField.style.width = "50px"

Specifying the width in pixels is the way to go and will definitely be cross compatible.

Per
User is offlineProfile CardPM

Go to the top of the page

Fast ReplyReply to this topicStart new topic
Time is now: 9/6/08 09:19AM

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month