Hi,

I used panel stylizer to change the background color and style of few panels.

Everything was fine, but when I opened the site in IE 7, the panel's background had white strips! :-(

Here is a snapshot to compare the two panels:

http://www.flickr.com/photos/anusha_jain_a/4820272639/

One at the top is cropped from print screen of firefox, bottom one is of IE 7.

(Stylizer Works fine with Chrome)

Please let me know if there is a solution ...

Regards,
Anusha

Comments

Todd Young’s picture

Confirmed in IE8 too.

mhkc’s picture

Noticed this awhile back, still a problem in IE.

pomakk’s picture

http://drupal.org/node/869340

As you seen above i have got the same problem as yours. I tried all dev packages that are related with panels, jquery ui and ctools but no solution anyway i can say this is a kind of bug for ie 7 and 8

lcdanfor’s picture

Yes, same problem confirmed here.

vidichannel’s picture

I am running 3.7 of panels. Has anyone tried earlier versions of Panels, CTools, Stylizer to solve the problem?

pomakk’s picture

i dont try em all but there exist a critical bug

Mantis544’s picture

Any news on this ?

I'm currently working on a intranet site and having problem with panel stylizer on IE8...

merlinofchaos ?

djid’s picture

I think i founded something :
It's appear that the module generate dynamicaly ccs file from your style, default templates can be find here : ....\sites\all\modules\panels\plugins\style_bases\pane\pane_rounded_shadow\pane-rounded-shadow.css

At the beginning of the file you can find this :

.rounded-shadow-top-edge, .rounded-shadow-bottom-edge, .rounded-shadow-left-edge, .rounded-shadow-right-edge, .rounded-shadow-wrap-corner {
position: relative;
/* hasLayout -1 ? For IE only */
zoom: 1;

Just comment the line "zoom: 1;" (line 4) that will make disappear the white lines on top and bottom of pane content.

I had a second bug with IE : i had gradient in the pane content in IE whereas in Firefox i had plain color. In the same file line 16 :

%style .rounded-shadow-background {
margin: 10px;
background: url(rounded-shadow-background.png) repeat;

Replace "url(rounded-shadow-background.png) repeat" by "%background" it will take the background color value that you've selected in your style.

Hope it will help.

pomakk’s picture

Unfortunatelly. I just tried above but nothing happened problem still occurs ...

wer0ckz’s picture

same problem..

my drupal site is http://www.vorlage.net.au/clclax.org.au/

its not working using IE6 and 7
but using FIREFOX and safari, it works just fine..

help please..

thanks

arnold_mad’s picture

same problem as mine - also reported that already in a different question.

wer0ckz’s picture

hey issue resolved! thanks to the other guy..

http://drupal.org/node/918038

SweeneyTodd’s picture

pomakk’s picture

problem still occurs :(

SweeneyTodd’s picture

Sorry, my fix was for a problem with the borders, not the stripes