Sub-theme and IE madness

Events happening in the community are now at Drupal community events on www.drupal.org.
Posted by kenyan on April 29, 2010 at 8:26pm

I'm using OP 2.0
IE 7
Firefox 3.6.3 (for windows)

After failed attempts at using panel pages for my frontpage, I decided to go the (as it turns out) easier sub-theme way.
I created a sub-theme from the OP theme and added 4 regions.
The site seems to be working perfectly in firefox with the regions holding the content exactly the way I wanted..
All hell breaks loose in IE though.

All views content pages are showing up as I expect with the thing being that ALL css is broken with all menus degrading to unthemed lists. All menus apart from the main admin menu (triangle).
The primary links at least do not degrade into lists but all other theming (backgrounds, hover images etc) are gone.
I've switched back and forth between themes and I cannot trace the problem. But, switching to original OP theme sorts the issue out.
I suspect it may have something to do with the css for the 4 regions I created but gosh am I in way deep over my head.
I mean, all I did was created the below regions:

<!-- /#begin new regions -->

<div style="float: left;">
<?php print $top_banner; ?>
</div>

<div style="float: left; margin-right: 305px; background-color: #efefef;">
<?php print $editorial; ?>
</div>
<div style="float: right; width: 300px; margin-left: -305px;">
<?php print $editorial_ad; ?>
</div>

<div style="float: left; padding-right: 305px;">
<?php print $news; ?>
</div>
<div style="float: right; width: 300px; margin-left: -305px;">
<?php print $news_ad; ?>
</div>
<!-- /#end new regions -->

I decided to leave the styles in there instead of moving them to a css file until I have the issue sorted out.
Any other CSS overrides I have mostly have to do with images.
I suspect the floats and margins have something to do with this?

Anyone? Is the info too thin?

Comments

Did you check to see if the CSS optimize is enabled?

Posted by pkcho on April 29, 2010 at 10:39pm

You need to set the OPTIMIZE CSS FILE to enable for the CSS to work in IE. I learned this the hard way.

Go to SITE CONFIGURATION/PERFORMANCE and you'll see the OPTIMIZE CSS FILE setting toward the bottom.

Thank You Signal

Posted by kenyan on April 30, 2010 at 1:19pm

You have saved my dreadlocks!
Your solution worked magnificently. Is this documented anywhere for Openpublish? I doubt we are the only ones that will run into this amazingly infuriating issue
Thanks again

I encountered this issue the same way you did : )

Posted by pkcho on May 5, 2010 at 3:52pm

Apparently, IE has a limit to the number of CSS files it can handle, so this OPTIMIZE CSS FILE saves the day!

Though it's a pain when you are trying to tweak the CSS without breaking what IE users are seeing, because when this is turned on, changes you make to the CSS will not show up until you completely clear the cache. Which becomes a nuisance when you are testing incremental changes.

I'm glad what I little I know was helpful to you : )

I had the same issue

Posted by ikeigenwijs on October 5, 2010 at 11:50am

thx
This post was a live saver!

OpenPublish

Group organizers

Group categories

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

AltStyle によって変換されたページ (->オリジナル) /