Community & Support

Backgound color modified in Panel stylizer shows strips in IE 7

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

Confirmed in IE8 too.

Confirmed in IE8 too.

Noticed this awhile back,

Noticed this awhile back, still a problem in IE.

http://drupal.org/node/869340

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

Yes, same problem confirmed

Yes, same problem confirmed here.

IE 7 bug with stylizer rounded corners

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

i dont try em all but there

i dont try em all but there exist a critical bug

Any news on this ? I'm

Any news on this ?

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

merlinofchaos ?

Issue ?

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.

Unfortunatelly. I just tried

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

its not working

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

same problem as mine - also

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

ISSUE RESOLVED!!

hey issue resolved! thanks to the other guy..

http://drupal.org/node/918038

The fix is posted here:

-- SweeneyTodd

problem still occurs :(

problem still occurs :(

Apologies

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

-- SweeneyTodd

nobody click here