Skip navigation
cyberbaffled
cyberbaffled
Currently Being Moderated

How create websites that work same in IE, Firefox, Opera, etc.

Jun 24, 2012 2:24 PM

To my chagrin a website that I tested using Internet Explorer malfunctions on Firefox.  The problem is Javascript functions such as buttons that change colors.  Anyone know of some strategy for writing html and Javascript that functions the same on the various browsers?  The buttons were developed using Dreamweaver so hopefully DW has some utility that addresses such compatibility problems.

489 Views   5 Replies   Latest reply: cyberbaffled, Jun 24, 2012 9:30 PM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    Jun 24, 2012 2:25 PM   in reply to cyberbaffled
    Report

    If you build your site correctly with valid HTML and CSS, there is very little cross-browser variation to deal with.

     

    Firefox, Chrome, Safari and Opera are all web standards compliant browsers, so if you're seeing problems in one of those browsers you have a deeper problem that needs fixing.

     

    Start by validating your code with the W3C Code Validation Tools:

    ------------------------------------

    CSS - http://jigsaw.w3.org/css-validator/

    HTML - http://validator.w3.org/

     

    IE is and always has been the problem child. If your site is broken in IE, use Conditional Comments.

    http://www.positioniseverything.net/articles/cc-plus.html

     

    Nancy O.

     
    |
    Mark as:
  • John Waller
    Currently Being Moderated
    2. John Waller,
    Jun 24, 2012 4:25 PM   in reply to cyberbaffled
    Report

    Got a link so we can take a look in our browsers and see what you're dealing with?

     
    |
    Mark as:
  • cyberbaffled
    Currently Being Moderated
    3. cyberbaffled,
    Jun 24, 2012 4:53 PM   in reply to Nancy O.
    Report

    Hi again Nancy.  There's one button that's misbehaving.  The others deceived me because in Firefox you have to depress the mouse and not simply click it.  However, I just noticed an extenuating circumstance.  My browsers are infected by a virus that selects words from text appearing on my website and converts them to links (underlined, with blue text) to advertised products.  Maybe there's a connection.  Anyway, time for more experimentation.  Thanks ever so much for the links for verifying the code.

     
    |
    Mark as:
  • cyberbaffled
    Currently Being Moderated
    4. cyberbaffled,
    Jun 24, 2012 4:54 PM   in reply to John Waller
    Report

    Thanks for attending to this problem.  My next step must be to clarify the issues I just communicated to Nancy O.  If I can't solve the problem with the suggested tools, I'll send a link.

     
    |
    Mark as:
  • cyberbaffled
    Currently Being Moderated
    5. cyberbaffled,
    Jun 24, 2012 9:30 PM   in reply to cyberbaffled
    Report

    The problem with the button malfunctioning in Firefox and not IE was actually -if one can believe it- IE not reacting to a discrepancy that Firefox caught.  The discrepancy was a rectangular button graphic that had been saved with jpg resolution of 600 ppi whereas the rectangular graphics it replaced (mousedown) had been saved jpg 72 ppi.  Once that problem was fixed, it was Firefox that performed perfectly whereas the buttons in IE would only change colors on mouseover and mouseup, and not mousedown.  I guess this is what Nancy O meant when she said IE had "always been a problem child".

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points