Seite 1 von 1

Chrome und CSS macht mucken

Verfasst: 15.03.2010, 14:37
von sx06050
Hallo,

bei mir stellt es im Chrome die rechte Box ohne Rahmen und Schattenn da. Leider sehe ich ums verrechen nicht warum er das macht.
Wahrscheinlich bin ich grad zu doof.
Mag mal einer nen Blick darauf werfen?

Hier mal der Link zur Seite:
https://der-banker.de/Kredite.html


Hier mal das betreffende CSS:
/*Div-Boxen3*/

div#wrapper3 {
width: 600px;
margin: 0 auto;
border: 0px solid #b8b8b8;
}

div#leftCol3 {
float: left;
width: 190px;
background: #e2e2e2;
-moz-box-shadow: 5px 5px 8px #818181;
-webkit-box-shadow: 5px 5px 8px #818181;
box-shadow: 5px 5px 8px #818181;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#818181, offx=2, offy=2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#818181, offx=2, offy=2);


}

div#rightCol3 {
float: right;
width: 190px;
background: #e2e2e2;
border-radius: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
-webkit-border-top-right-radius: 25px
-webkit-border-bottom-right-radius: 25px
-webkit-box-shadow: 5px 5px 8px #818181;
box-shadow: 5px 5px 8px #818181;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#818181, offx=2, offy=2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#818181, offx=2, offy=2);
}

div#centerCol3 {
background: #e2e2e2;
width: 190px;
margin: 0 205px;
-moz-box-shadow: 5px 5px 8px #818181;
-webkit-box-shadow: 5px 5px 8px #818181;
box-shadow: 5px 5px 8px #818181;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#818181, offx=2, offy=2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#818181, offx=2, offy=2);
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


Vielen Dank im Voraus!
/* End hide from IE-mac */

Verfasst:
von
Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:
  • einzigartige Texte
  • suchmaschinenoptimierte Inhalte
  • eine sinnvolle Content-Strategie
  • Beratung und Umsetzung
Jetzt anfragen: 0511 / 300325-0

Verfasst: 15.03.2010, 15:11
von mano_negra
hello, ich kenn mich mit box-shadow nicht aus.
allerdings hast du 2 strichpunkte vergessen, kann mir gut vorstellen, dass das der fehler ist.

in div#rightCol3:
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px ;

Verfasst: 15.03.2010, 15:24
von sx06050
vielen dank,

das wars

hab ewig geguckt, und einfach nicht gesehen