Download & Extend

IE9 and earlier give wrong stylesheet priority

Project:OpenChurch
Version:7.x-1.11-beta5
Component:Code
Category:bug report
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

I noticed that, on my OpenChurch site and on the OpenChurch demo site, when viewed in IE9 and earlier, there are overlapping DIVs on the "Events" page (I've attached a screenshot of the demo Events page, as rendered by IE9).

It looks like IE is placing high priority on responsive.css rather than openchurch-features.css, so the 'position,' 'float,' and 'top' elements are all being overridden by the responsive layout. Any advice on how to tweak this so that IE gets its priorities straight?

AttachmentSize
Screen Shot 2012-11-19 at 3.47.27 PM.png59.17 KB

Comments

#1

First off, i am new to both drupal and css, so if this is a complete hack or whatever, i would def appreciate honest feedback. That said, i ran into this issue and i was able to resolve it by changing the following css file:

/profiles/openchurch/themes/openchurch_theme/css/openchurch-ie7.css

I changed the following block (original code is commented):

/**
* Events list page filter fix
*/
.openchurch-events-list .view-filters {
/* margin-top: -35px; top: 0; */
text-align: right; position: relative; top: -33px; float: right;
}

I just inserted the proper property values from the openchurch-features.css file.

Thanks for your comments in this issue, i never would have figured this out without the info you provided in the report.

#2

Status:active» needs work

Darn I have a real problem bc right now I can't test ie9 easily.

#3

Going to try to install a VM for ie9 so that I can test ie9 issues.

#4

OK I can recreate this now that I have an ie9 VM. I will work on this. I can't believe ie9 breaks stuff that was working in ie8.

#5

Oh great, this is happening in all of them, ie7-9. DARN. Thanks for the heads up!

#6

Status:needs work» needs review

OK I had a big time logic error with my ie stylesheets. Thanks for finding! I have the fix in the latest version of openchurch_theme. I have updated OC dev but I will need to wait until the OC theme stable release is packaged before I can tag the new OC release. I should be able to do that today or tomorrow.

#7

No worries - thanks for the update! I wouldn't have found it except a parishioner uses IE.

#8

ok this is now updated in 7.x-1.11-beta6

#9

Status:needs review» fixed

#10

Status:fixed» closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.