[Geomoose-users] Geomoose catalog and IE

Bistrais, Bob Bob.Bistrais at maine.gov
Tue Apr 23 08:04:11 PDT 2013


Dan,
I’d like to buy you a beverage of your choice if I see you at FOSS !  The inline-block was the issue, and I tracked it down to the catalog.css.  For everyone’s benefit (including mine, when I forget ☺ ), here is the procedure:

Open the htdocs\css\sprite.css file

Look for the .sprite-control style (it’s at the top of the file).  By default, looks like this:


.sprite-control {
                background-image: url('../images/all.png');
                background-repeat: no-repeat;
                height: 18px; /* nee, < 2.6 20px */
                width: 20px;
                display: inline-block;
                cursor: pointer;
                background-position: 0px -550px;            /* This should default to the 'find' icon */
}


Add the following lines before the closing brace:

        *zoom: 1;
        *display: inline;

-and yes, you need the asterisks.

Once I saved that and refreshed the application, my catalog looked correct in Internet Explorer, Firefox, Chrome, and Safari.

Thanks again Dan!

Bob

From: Dan Little [mailto:danlittle at yahoo.com]
Sent: Monday, April 22, 2013 5:48 PM
To: Bistrais, Bob; geomoose-users at lists.osgeo.org
Subject: Re: [Geomoose-users] Geomoose catalog and IE

It's going to be with how IE is handing "display: inline-block" directives.

I don't have a fix off hand but I can tell from the symptoms that is the root of the problem.

________________________________
From: "Bistrais, Bob" <Bob.Bistrais at maine.gov<mailto:Bob.Bistrais at maine.gov>>
To: "geomoose-users at lists.osgeo.org<mailto:geomoose-users at lists.osgeo.org>" <geomoose-users at lists.osgeo.org<mailto:geomoose-users at lists.osgeo.org>>
Sent: Monday, April 22, 2013 3:26 PM
Subject: [Geomoose-users] Geomoose catalog and IE


I’ve been wrestling with the issue for some time.  A few weeks ago I wrote in thinking it was a Sprite problem, but no longer think that’s the case.  The catalog/TOC has a strange appearance in my applications ONLY with Internet Explorer.  The legend, fade, and unfade controls display vertically in IE, when they should appear as a row.  They display correctly in FireFox, Chrome, and Safari.  I’m using IE8, tried with and without compatibility mode.  I’m guessing it’s CSS related but haven’t nailed it down yet.

I know I’m not the only one who’s had this problem.  Has anyone found a fix to it?

_______________________________________________
Geomoose-users mailing list
Geomoose-users at lists.osgeo.org<mailto:Geomoose-users at lists.osgeo.org>
http://lists.osgeo.org/mailman/listinfo/geomoose-users

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.osgeo.org/pipermail/geomoose-users/attachments/20130423/4a745625/attachment-0001.html>


More information about the Geomoose-users mailing list