CSS3 PIE Forums
http://css3pie.com/forum/

on IE8 my divs get a wrong color
http://css3pie.com/forum/viewtopic.php?f=3&t=199
Page 1 of 1

Author:  TheFreeman [ Tue Oct 12, 2010 4:24 am ]
Post subject:  on IE8 my divs get a wrong color

Hello,

today, i tried you nice script css3pie, but I think I made a mistake?
Please have a look: http://www.webstreet49.de/_neu/
I don´t know, what went wrong with my css-code...or is it a bug?

I have for example a div with a view classes "spalte spalte1 c33l sp_gruen"

Code:
.subcolumns
   {
   width: 100%;
   }

   .subcolumns .spalte {}
      
   .subcolumns .spalte1 { margin: 0 14px 0 0; }
   .subcolumns .spalte2 { margin: 0 14px 0 0; }
   
   .subcolumns .sp_gruen {
      border: 1px solid #799cac;
           border-radius: 10px;
           -moz-border-radius: 10px;
           -webkit-border-radius: 10px;
           padding: 10px;
           box-shadow: 2px 2px 3px black;
           -moz-box-shadow: 2px 2px 3px black;
      background-color: #7cc242;
      background: -moz-linear-gradient(top, #7cc242, #D3F8B2);
      background: -webkit-gradient(linear, center top, center bottom, from(#7cc242), to(#D3F8B2));
      behavior: url("/_neu/fileadmin/sys_scripts/htc/PIE.htc");
   }
   .subcolumns .sp_gruen h1, h2, h3, h4, h5, h6 { color: black; }
   .subcolumns .sp_gruen p.bodytext { color: #1A171B; }
   
   .subcolumns .sp_blau1 {
      border: 1px solid #799cac;
      border-radius: 10px;
               -moz-border-radius: 10px;
               -webkit-border-radius: 10px;
               padding: 10px;
               box-shadow: 2px 2px 3px black;
               -moz-box-shadow: 2px 2px 3px black;
      background-color: #0095da;
      background: -moz-linear-gradient(top, #0095da, #D0EBF6);
           background: -webkit-gradient(linear, center top, center bottom, from(#0095da), to(#D0EBF6));
           behavior: url("/_neu/fileadmin/sys_scripts/htc/PIE.htc");
        }
   .subcolumns .sp_blau1 h1, h2, h3, h4, h5, h6 { color: black; }
   .subcolumns .sp_blau1 p.bodytext { color: #1A171B; }
   
   .subcolumns .sp_blau2 {
      border: 1px solid #799cac;
               border-radius: 10px;
               -moz-border-radius: 10px;
               -webkit-border-radius: 10px;
               padding: 10px;
               box-shadow: 2px 2px 3px black;
               -moz-box-shadow: 2px 2px 3px black;
      background-color: #6c97ab;
      background: -moz-linear-gradient(top, #6c97ab, #DEE1E2);
           background: -webkit-gradient(linear, center top, center bottom, from(#6c97ab), to(#DEE1E2));
           behavior: url("/_neu/fileadmin/sys_scripts/htc/PIE.htc");
   }
   .subcolumns .sp_blau2 h1, h2, h3, h4, h5, h6 { color: black; }
   .subcolumns .sp_blau2 p.bodytext { color: #1A171B; }


Code:
<div class="subcolumns">
   
   <div class="spalte spalte1 c33l sp_gruen"><div class="subcl"><div id="c30" class="csc-default"><div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">WEB Starterpaket</h2></div><p class="bodytext">für Existenzgründer,<br />Selbstständige,<br />Berufsanfänger,<br />Jungunternehmer. <br /><br />...mehr<br /><br /></p></div></div></div>

   
   <div class="spalte spalte2 c33l sp_blau1"><div class="subcl"><div id="c31" class="csc-default"><div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">WEB-Seiten neu erstellen oder überarbeiten</h2></div><p class="bodytext">Sie sind bereits im<br />Internet präsent?<br />Brauchen Sie eine<br />neue Seite oder<br />braucht<br />Ihre Seite eine<br />Überarbeitung? <br /><br />...mehr<br /><br /></p></div></div></div>
   
   <div class="spalte spalte3 c33r sp_blau2"><div class="subcr"><div id="c32" class="csc-default"><div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">WEB-Shop- &amp; Extralösungen</h2></div><p class="bodytext">Spezielle Anforderungen<br />benötigen<br />individuelle Lösungen<br />um erfolgreich<br />zu sein. <br /><br />...mehr</p></div></div></div>

   
</div>



And your PIE.htc made wrong color intesions (opacity) ?
What went wrong?

This issue only appears on IE8.
--> The hole div appears width much much lighter color and w/o linear gradient.

Could you please help me?

Thanks and kind regards,
Daniel

Author:  jason [ Tue Oct 12, 2010 10:44 am ]
Post subject:  Re: on IE8 my divs get a wrong color

When I load that page in IE8 it hangs before rendering has completed, so I can't see what you're talking about.

But looking at your code, you're not including -pie-background for defining gradients, so naturally PIE uses the solid background color.

Author:  TheFreeman [ Wed Oct 13, 2010 2:22 am ]
Post subject:  Re: on IE8 my divs get a wrong color

Hi Jason,

yesterday, i fixed some issues with the path to the htc-file.
Sorry, now it´s working. But my problem is not fixed.

On IE8 it got a problem with the divs. It makes lighter colors. :-(

On this page, it makes no borders to the content boxes and the
shadow is lighter: http://www.webstreet49.de/_neu/suchmasc ... teile.html

Thanks and Regards
Daniel

Author:  jason [ Wed Oct 13, 2010 10:03 am ]
Post subject:  Re: on IE8 my divs get a wrong color

Your CSS3 elements are slipping behind the z-index of the parent container. See the top of the Known Issues documentation for details on this problem and how to get around it.

Author:  TheFreeman [ Thu Oct 14, 2010 2:54 am ]
Post subject:  Re: on IE8 my divs get a wrong color

Thanks very much. :shock:

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/