Ricardo

#881

It appears that my child-theme doesn’t work wit IE9, and IE8. All the changes that are made in my child theme are not visible in IE (the are visible in Safari and Firefox)

My child theme:

/*

Theme Name:     Graphene Child

Theme URI:      http://www.fastforwardandrewind.com

Description:    Child theme

Author:         Ricardo

Author URI:     http://www.fastforwardandrewind.com

Template:       graphene

Version:        1.0

*/

@import url("../graphene/style.css");

/* Your modification goes here */



.entry-content img, .child-page img {

border: medium none;

margin: 5px;

}



.featured_slider{

background: -moz-linear-gradient(left top, #972b01, #ea5c24);

background: -webkit-gradient(linear, left top, right bottom, from(#972b01), to(#ea5c24));

background: linear-gradient(left top, #972b01, #ea5c24);

-pie-background: linear-gradient(left top, #972b01, #ea5c24);

}

.sidebar h3{

background:#3C9CD2;

background:-moz-linear-gradient(#ea5c24, #dc3e00);

background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ea5c24), to(#dc3e00));

background:linear-gradient(#ea5c24, #dc3e00);

-pie-background: linear-gradient(#ea5c24, #dc3e00);

border-bottom:1px solid #ea5c24;

}



.block-button, .block-button:visited {

-moz-border-radius: 5px 5px 5px 5px;

-webkit-border-radius:5px;

border-radius:5px;

border: 0px solid #CCCCCC;

display:block;

font:bold 12px arial;

text-decoration:none;

padding:5px 15px 6px 15px;

color:#FFFFFF;

text-shadow:0 -1px 1px #000000;

margin-top:10px;

position:relative;

float:right;

-moz-box-shadow: 2 2 2px #333333;

-webkit-box-shadow:2 2 2px #333333;

box-shadow:2 2 2px #333333;

background:#ea5c24;

background: -moz-linear-gradient(#ea5c24, #dc3e00) repeat scroll 0 0 transparent;

background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ea5c24), to(#dc3e00));

background:linear-gradient(#ea5c24, #dc3e00);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3e00', endColorstr='#dc3e00'); /* for IE */

-pie-background: linear-gradient(#ea5c24, #dc3e00);

}



.block-button:hover{

text-decoration:none;

color:#FFFFFF;

cursor:pointer;

background:#972b01;

background:-moz-linear-gradient(#972b01, #dc3e00);

background:-webkit-gradient(linear, 0 0, 0 bottom, from(#972b01), to(#dc3e00));

background:linear-gradient(#972b01, #dc3e00);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#972b01', endColorstr='#dc3e00'); /* for IE */

-pie-background: linear-gradient(#972b01, #dc3e00);

}

Is there a problem with my coding?

Kim

#13858

Call Bill 🙂

No okay – different IE versions & CSS isnt best mix. Have You tried IE9 compability mode.

But then again look at this post, you are missing some lines:

How do i change blue colours in Graphene theme?

Edit: And if You Want to try: http://browsershots.org/

Kim

Ricardo

#13859

I’ve changed the code. But IE just doesn’t want to use it. The only thing it uses is an orange border in my sidebar. Do you have any other ideas that could work?

(and I don’t think Bill likes me that much, always having trouble with Live Messenger -.- )

Kim

#13860

Remember to update/reload/delete browser cache.

Well, when You look at my site… besides music do You se any Blues 🙂

Kim

Ricardo

#13861

Your site works perfect in Firefox and IE. I’ll check out your code again I guess 🙂

Kim

#13862

Well, I uploaded my style.css here:

http://www.nørrebo.dk/bbpress/topic.php?id=5

Slider in second style.css is for posts background pictures & excerpt 🙂

Kim