Chrome und CSS macht mucken
Verfasst: 15.03.2010, 14:37
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 */
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 */