fario
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.
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.
oh holy hell. i need sleep. it does so say that. sorry.
can you provide a url that's accessible with your implementation?
ASKER
Of course
sorry..
i forgot the URL
http://www.dbwebserver.com/semeraro/03/contattaci.php
i need to sleep too
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)
#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)
ASKER
Now all CSS elements are the same for all the browsers but that didn't fix the problem with IE
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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