Works in Firefox and Safari but not in IE

Posted on 2009-04-21
Last Modified: 2013-11-19
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

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

Thank you for your help.
Question by:fario
    LVL 12

    Expert Comment

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


    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
    LVL 12

    Expert Comment

    oh holy hell. i need sleep. it does so say that. sorry.
    LVL 12

    Expert Comment

    can you provide a url that's accessible with your implementation?
    LVL 1

    Author Comment

    Of course

    i forgot the URL

    i need to sleep too
    LVL 12

    Expert Comment

    check the declaration for ie:

    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)
    LVL 1

    Author Comment

    Now all CSS elements are the same for all the browsers but that didn't fix the problem with IE
    LVL 1

    Accepted Solution

    Fixed !

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

    <script type="text/javascript" language="javascript">

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Adobe Dreamweaver CC 2015

    Adobe Dreamweaver Creative Cloud is used by web designers and front-end developers and allows you to visualize your site in real-time as you code. This course covers exam objectives for the Adobe Certified Associate (ACA) certification.

    Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
    CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    760 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    7 Experts available now in Live!

    Get 1:1 Help Now