Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Chrome und CSS macht mucken

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
sx06050
PostRank 10
PostRank 10
Beiträge: 3376
Registriert: 15.07.2008, 10:24

Beitrag von sx06050 » 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 */

Anzeige von ABAKUS

von Anzeige von ABAKUS »

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

mano_negra
PostRank 9
PostRank 9
Beiträge: 2812
Registriert: 23.07.2009, 15:29
Wohnort: la luna

Beitrag von mano_negra » 15.03.2010, 15:11

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 ;

sx06050
PostRank 10
PostRank 10
Beiträge: 3376
Registriert: 15.07.2008, 10:24

Beitrag von sx06050 » 15.03.2010, 15:24

vielen dank,

das wars

hab ewig geguckt, und einfach nicht gesehen

Antworten
  • Vergleichbare Themen
    Antworten
    Zugriffe
    Letzter Beitrag