Home › Forums › CSS › Help ! ! ! ! ( -webkit-box-shadow:inset) not working on Chrome and Safari…. › Re: Help ! ! ! ! ( -webkit-box-shadow:inset) not working on Chrome and Safari….
June 28, 2012 at 8:34 pm
#105037
MartyBoiParticipant
OK, makes sense….
Here is the rest of the code…..
body {
background: #080808;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: left;
}
#wrapper {
background: #fff;
border: 1px solid #000;
font-size: 1.2em;
margin: 15px auto;
width: 904px;
}
/* ---- Secondary Layout Structure (header, footer, sidebar) ---- */
header#header {
background-image: #000;
background-image: linear-gradient(to bottom, #262626, #000);
background-image: -moz-linear-gradient(top, #262626, #000 ); /* Firefox 3.6+ */
background-image: -ms-linear-gradient(top, #262626, #000 ); /* IE 10+ */
background-image: -o-linear-gradient(top, #262626, #000 ); /* Opera 11.10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#000) ); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #262626), #000 ); /* Chrome 10+, Saf5.1+, iOS 5+ */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#262626, endColorstr=#000); /* IE6-IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#262626, endColorstr=#000)"; /* IE 8+ */
border-left: 1px solid #5E574E;
border-right: 1px solid #5E574E;
border-top: 1px solid #5E574E;
padding: 15px 20px 0;
position: relative;
width: 862px;
}
article#post-21 {
float: left;
line-height: 1.5em;
padding: 12px 0 4px 30px;
width: 610px;
}
aside#sidebar {
background: #fff;
float: right;
font-size: 1.1em;
line-height: 1.5;
padding: 10px 0 0;
text-align: left;
width: 230px;
}
footer#footer {
background: #1a1a1a;
clear: both;
margin: 0 auto;
padding: 8px 20px 12px;
width: 864px;
}
Is this mark-up the problem?
Help is much needed.....
