Link to home
Start Free TrialLog in
Avatar of fario
farioFlag for Italy

asked on

Works in Firefox and Safari but not in IE

At this page you can see an upload form (in the right low corner) it doesn't work with IE7

I'm using this .js script file

http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom

I'm already using different .css files for IE7, Firefox, Safari.

The CSSs for that page are

For Firefox
screen.css + semeraro-contattaci.css

For IE7
screen.css + semeraro-contattaci.css + semeraro-contattaci-ie.css

For Safari
screen.css + safari.css

All saved in
http://www.dbwebserver.com/semeraro/03/css/


Thank you for your help.
Avatar of alien109
alien109
Flag of United States of America image

if you read the authors comments, he doesn't say it works in IE (text quoted below)

Compatibility

This solution is known to work in:

    * IE 5.5+
    * Firefox 1.5+
    * Safari 2+

It is known to degrade gracefully in:

    * Opera
    * IE 5.01
oh holy hell. i need sleep. it does so say that. sorry.
can you provide a url that's accessible with your implementation?
Avatar of fario

ASKER

Of course
sorry..

i forgot the URL

http://www.dbwebserver.com/semeraro/03/contattaci.php

i need to sleep too
check the declaration for ie:

#INPUT-FILES-STYLIZED
{
top: 1px;
left: 1px;
height: 3px;
width: 5px;
}

your input is being sized too small to click, but you can click on it. place your mouse just below the button and click. if you find the right spot, it will open the browser dialog box.

what happens if you set the height to 100%, like you are doing in the stylesheet for firefox? (for the INPUT-FILES-STYLIZED selector)
Avatar of fario

ASKER

Now all CSS elements are the same for all the browsers but that didn't fix the problem with IE
ASKER CERTIFIED SOLUTION
Avatar of fario
fario
Flag of Italy image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial