Solved

text box IE vs Firefox ??

Posted on 2007-04-05
9
1,116 Views
Last Modified: 2013-11-19
I created a text box for my web page.  In IE the text box appears wider than in Firefox.  I want the text box to look the same no matter what browser it is in.  If not, at least the same in Firefox and IE.  

How can I do this?

I have tried using CSS and it doesnt seem to work.

Thx
0
Comment
Question by:mmedi005
9 Comments
 
LVL 4

Expert Comment

by:opho
Comment Utility
Can you post the code you've used so far?

That will help us tremendously in figuring out what's going on and how to fix it!

--Steve
0
 
LVL 20

Expert Comment

by:steelseth12
Comment Utility
<input type="text" style="width:100px;" />
0
 
LVL 23

Expert Comment

by:adilkhan
Comment Utility
I tested in both brosers, and you code looks ok to me and looks same in both Browsers.
0
 

Author Comment

by:mmedi005
Comment Utility
Hear is the thing, in my office, the text box looks the same on my computer, and others, but i have other computers stretching the textbox over the button.  

What are some resons why this would happen, i want everyone to be able to see it teh same way.  Is there a way to create the text in photoshop?
0
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 

Author Comment

by:mmedi005
Comment Utility
typo, on hear, teh, and whatever else i misspelled, sorry,

what characters make the submit crash?  having trouble copy paste code to post on teh forum...

thx again
0
 
LVL 4

Expert Comment

by:opho
Comment Utility
Some of the reasons for variability in the rendering of forms:

  * Forms elements can be quirky from browser to browser.
  * You can pretty much guarantee that submit buttons will look different, scrollbars will appear by default on empty textareas in most browsers, but not in FireFox, appearance of checkboxes, radio buttons, and dropdowns will vary.
  * If your users have installed a theme or otherwise customized the look of their browser, variability increases.  
  * You can use CSS to style form elements, but when I doing so, they often started looking more different instead of more alike at first.
  * Users who have specified their own default stylesheet or set the default size of the text may see different-sized or different-looking form elements.
  * Use of a forms tool like the one in the Google search bar will hijack background colors of some fields, making them yellow.

I do a lot of forms, and I deal with this by setting widths as indicated by steelseth12, trying to get things approximately the same, but expect variability nonetheless.

--Steve
0
 
LVL 16

Expert Comment

by:kiranvj
Comment Utility
what steelseth12 posted should work fine.

some things worth noting,

1. Did u disable styles in FF
2. Is the resolution of computer same in both cases
3. Did you installed any addons in FF that alter the CSS styles
4. Does your adblocker blockes the style sheet in which the styles are written.

kiranvj
0
 

Author Comment

by:mmedi005
Comment Utility
Those are issues that I can't help when it all depends on the persons computer.  I do use a style sheet.  What are the most important properties that I would need.  What would not make teh textbox change unless you really have bad settings on your pc?  

thx again
0
 
LVL 4

Accepted Solution

by:
opho earned 125 total points
Comment Utility
In my stylesheets I generally have something like:

input {
font-family: [make sure it's set at the same font as the rest of the site];
font-size: [same size, or a bit smaller than the site's standard];
}

And, beyond that, just specify the width as steelseth12 indicated in a style= parm.  

I've played with setting border styles and colors, as well as padding/margin, but haven't taken that very far.  The initial work seemed to make things more different instead of more alike between browsers and machines.

--Steve
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Bootstrap 3 and Angular 2 12 16
Wordpress CSS Link Issue 2 12
How do i set padding within the sidebar? 2 6
modify h2 4 0
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL (http://www.experts-exchange.com/articles/201/Handling-Date-and-Time-in-PHP-and-MySQL.html) several years ago, it seemed like now was a good time to updat…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now