[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 581
  • Last Modified:

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.
0
fario
Asked:
fario
  • 4
  • 3
1 Solution
 
alien109Commented:
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
0
 
alien109Commented:
oh holy hell. i need sleep. it does so say that. sorry.
0
 
alien109Commented:
can you provide a url that's accessible with your implementation?
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
farioAuthor Commented:
Of course
sorry..

i forgot the URL

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

i need to sleep too
0
 
alien109Commented:
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)
0
 
farioAuthor Commented:
Now all CSS elements are the same for all the browsers but that didn't fix the problem with IE
0
 
farioAuthor Commented:
Fixed !

i have to put this line AFTER the input box, not before

<script type="text/javascript" language="javascript">
SI.Files.stylizeAll();
</script>
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now