Forums
View unanswered posts | View active topics It is currently Sat Aug 02, 2014 2:37 am



Reply to topic  [ 5 posts ] 
 on IE8 my divs get a wrong color 
Author Message

Joined: Tue Oct 12, 2010 3:51 am
Posts: 3
Post 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


Tue Oct 12, 2010 4:24 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post 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.


Tue Oct 12, 2010 10:44 am
Profile

Joined: Tue Oct 12, 2010 3:51 am
Posts: 3
Post 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


Wed Oct 13, 2010 2:22 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post 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.


Wed Oct 13, 2010 10:03 am
Profile

Joined: Tue Oct 12, 2010 3:51 am
Posts: 3
Post Re: on IE8 my divs get a wrong color
Thanks very much. :shock:


Thu Oct 14, 2010 2:54 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 5 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.