Nifty corners top in IE7 don't show

[FrankPl]

Nifty corners in the top-corners of the pagewrapper-div don't show in IE7,bottom-corners do. In Firefox no problem (of course...). See http://www.jb-projecten.nl/ Looked through the posts, cannot find it. Somebody a solution? Thanks!

[Dr.CSS]

The JS I have used has always been in files that are called to it from out side the template like the first line, I've never put any of it in the template...

Do the next one like this, and remove the comments, and put the CSS in a new style sheet attached to the template...


  window.onload=function(){
  Nifty('div#main,div#nav,div#sidebar','same-height'); //same height cols
  Nifty('div#pagewrapper','big transparent'); //rounded corners
  Nifty('div#sidebar','medium transparent'); //rounded corners
  AddCss ("niftycube/niftyCorners.css"); // location of Nifty CSS file relative to this page
}

[FrankPl]

...but that is exactly how it is already! Or may be i do not undestand your remark "and put the CSS in a new style sheet attached to the template..."
The thing is that only the top corners of the pagewrapper don't round, all the others do. Thanks for looking in to it again...

Frank

Situation:

{literal}



  window.onload=function(){
  Nifty('div#main,div#nav,div#sidebar','same-height');
  Nifty('div#pagewrapper','big transparent');
  Nifty('div#sidebar','medium transparent');
  AddCss ("niftycube/niftyCorners.css");
}

{/literal}

[Dr.CSS]

This is how mine looks...




niftyLayout.js  has...

window.onload=function(){
Nifty("div#menu a","transparent");
Nifty("ul#intro li","same-height");
Nifty("div.date");
Nifty("div#content,div#side","same-height");
Nifty("div.comments div");
Nifty("div#footer");
Nifty("div#container","all");
Nifty("div#header","bottom","transparent");
}

Maybe you want to use dbl. quotes also...

I have a stylesheet that is attached to the template and it is called just like the rest of them...

Mine...

http://multiintech.com/rounded/niftycubes.html

[FrankPl]

Tried it...alas

in template:

{* NiftyCorners: *}
{literal}



{/literal}


niftyLayout.js:

window.onload=function(){
  Nifty("div#pagewrapper","big transparent");
  Nifty("div#main,div#nav,div#sidebar","same-height");
  Nifty("div#sidebar","medium transparent");
}

Still firefox OK, IE only top left + right corner not
Still apreciate any thoughts on this silly IE-bug

Frank

[Dr.CSS]

I don't see any rounding on the side bar...

You may need to give the pagewrapper some padding on the top, maybe 5px...

BTW your template shows up as a stylesheet when I use the Web Dev. toolbar in Firefox...