troubleshooting Question

Firefox <input type="file"> control is having some formatting problems on my ASP page...

Avatar of MitchellVII
MitchellVIIFlag for United States of America asked on
ASPHTMLWeb Browsers
5 Comments1 Solution3348 ViewsLast Modified:
Hi,

I'm just finishing up my ASP web form and having some problems with <input type="file">.

Here is the HTML:

  <input type=file name="Resume" id="Resume" class="file" tabindex=1 onFocus="playClick();clearInput(this);" onChange="this.style.background='none';" tabindex=1>

and here is the CSS:

.file {
      font-family: arial;
      font-size: 9px;
      color: #6565B6;
      height: 18px;
      width: 100%;
      border: solid;
      border-color: #CBCBCB;
      border-width: 1px;
      padding-left: 3px;
      padding-top: 2px;
      background:#FCFAF6;
      }

but for some weird reason, Firefox ignores the "width" attribute and just sizes the control the same (rather small, IMHO), no matter what width I set.

Why is this and is there a work-around?

P.S., I know there are many Firefox lovers and IE detractors out there, but for my money, stuff just "looks" better in IE.  I think this is because IE is designed to make a web page look like a Word .doc and Firefox looks like, well a browser.  Anyway, doesn't matter, I have to design for both anyway :)


ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 5 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros