Ive been doing some reading around, and have discovered that it is suppose to be a nightmare trying to style a file upload field [which Ive recently learned to deal with].

But Im getting a probem in IE Opera AND Dreamweaver where the field is really wide. Wider than Ive set it to be.
It appears correctly in FF, but I cant seem to change the size of it in anything else??

Here is my code:

<input name="portImg" type="file" id="portImg" size="20" />

Is there anything in the HMTL I can change to fix it?

I am not sure how to fix but you may want to try sizing it using css as I have had more luck with css as far as cross browser compatibility.

<input name="portImg" type="file" class="input-box" id="portImg" size="20" />

CSS

 .input-box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

And change to whatever you need

Originally Posted by rolda hayes

<input name="portImg" type="file" class="input-box" id="portImg" size="20" />

CSS

 .input-box{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#333333;
}

And change to whatever you need

i do like this

No luck. There just seems to be some sort of fixed width applied to it! Ive even tried changing the width property but that doesn't work either.

I'm not sure tha I'm following you here...

Are you saying the width of the field is too big?
the size="20" means 20 characters wide, if you changed to "50" its then 50 characters wide...?

Here is a screenshot of the difference in how it is displayed between FF and IE [Opera looks pretty much the same as IE]

Hmmm... I can see now!

Can you post a bit more of the code your using and also the CSS?

When I use the code I posted above, I dont get the big difference between the two browsers...

Try giving these a read:
http://www.quirksmode.org/dom/inputfile.html

http://www.michaelmcgrady.com/file_browse_images.jsp
and demo: http://www.michaelmcgrady.com/simple.jsp

You should be able to define a width through the CSS. So to elaborate on rolda_hayes post:

 
.input-box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
        width:200px;
}

Of course, change the width to fit your page

Thanks for the help guys, but Ive somehow managed to crack it! Well, not cracked it exactly, but I basically just remade the page. And now its magically working??

hehe oh well, at least it displays correctly now.

Edit: I noticed just then, when I changed the field's name in Dreamweaver and hit enter, it suddenly turned massive again! So I undone it, and it went back. Then I went into the code there and changed the name and it was okay.

I'm guessing it may just be a Dreamweaver issue, or maybe mixing CS3 with Vista