Progid:Dximagetransform.Microsoft.Alphaimageloader Causing Links to Be Unclickable in Ie8, Ie7, and Ie6

progid:DXImageTransform.Microsoft.AlphaImageLoader causing links to be unclickable in ie8, ie7, and ie6

Per this explanation:

http://css-tricks.com/perfect-full-page-background-image/

"...anyone trying to use the above IE filters and having problems with scrollbars or dead links ... should try NOT using them on the html or body element. But instead a fixed position div with 100% width and height."

You could add a containing div just inside the body, then.

Weird spacing issues - IE8 works great, IE6 and IE7 bite

I used the Internet Explorer Developer Toolbar in IE 6 to determine that the spacing issue started on the <li class="subType subType##" surrounding each part (inside <ul class="partType partType##">).

When I used the Developer Toolbar to change the style to be display: inline the extra vertical spacing went away in IE 6.

I modified cartSideBar.css and redefined:

#cartComputer LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
}

as:

#cartComputer LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    DISPLAY: inline;
}

I tested the result in IE 6, 7 & 8, Firefox 2, 3 & 3.5, Opera 9.6 & 10, Safari for Windows 3 & 4 and Google Chrome. It seemed to be okay in all of them. You'll want to perform more in-depth testing to make sure it doesn't negatively affect other layout.

You may want to isolate the change to just the subType class just to make sure it doesn't affect other li elements under #cartComputer:

#cartComputer LI.subType {
    display: inline;
}

Do I need to worry about IE7?

I'd say that it depends on the audience for the site. If the site has existed in a previous form then see if it has some sort of analytics tracking so you can see what browsers were being used by the people who visited it.

At the very least put in a warning message letting people know that the site might be broken on older browsers and prompting them to upgrade. A quick example is this:

<!-- Prompt IE 7/6 users to upgrade to a newer browser. -->
<!--[if lt IE 8]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. In order to experience this website properly, please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->

Absolute position within IE6 & IE7 not working properly

Try displaying your images as block elements:

img {
  display: block;
}

Weird spacing issues - IE8 works great, IE6 and IE7 bite

I used the Internet Explorer Developer Toolbar in IE 6 to determine that the spacing issue started on the <li class="subType subType##" surrounding each part (inside <ul class="partType partType##">).

When I used the Developer Toolbar to change the style to be display: inline the extra vertical spacing went away in IE 6.

I modified cartSideBar.css and redefined:

#cartComputer LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
}

as:

#cartComputer LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    DISPLAY: inline;
}

I tested the result in IE 6, 7 & 8, Firefox 2, 3 & 3.5, Opera 9.6 & 10, Safari for Windows 3 & 4 and Google Chrome. It seemed to be okay in all of them. You'll want to perform more in-depth testing to make sure it doesn't negatively affect other layout.

You may want to isolate the change to just the subType class just to make sure it doesn't affect other li elements under #cartComputer:

#cartComputer LI.subType {
    display: inline;
}

How do I perform Type Conversion in Clojure?

You tell the compiler what type you want something to be by adding metadata to it.

This can make some operations faster and help eliminate reflection. The ^symbol is syntactic sugar for add this to the metadata for whatever comes next.

(defn my-function  [^String my-string] ....

Symbol to string:

(str 'my-symbol)

For numbers, use the name of the type as a function name:

(int 4922354)
(double 42)
(byte 254)
(char 20)
etc...

For more info: http://clojure.org/java_interop#toc35

---

Related Topics