Anyone on here familiar with Nifty Corners Cube?

[AnthroAndStargate]

Anyone on here ever use Nifty Corners Cube located here?

I am trying to get the top bar on my site (the header) to have a bottom left corner. For some reason even though its set to "bl" its showing it on the top of the site. It is correctly displaying it as a bottom corner but its ABOVE the header.

Help!! Anyone know why?

My site: Text

 

[Snapster]

The reason is because you've added your own style to the header where you specified a height, then applied the nifty style. The idea is that the nifty box grows to whatever content it has in it thus negating the need to set an explicit height. You have two solutions, remove the height from your #header, and put actual content in the header where you can specify a height ie:

#header {width: 800px; background: #CCC; padding-bottom: 10px;}
#headercontent {height: 150px;}

<div id="header">
<div id="headercontent">
<h1>hello</h1>
</div>
</div>


Or, just tag on the nifty corners after the box:


<div id="header"></div>
<div id="niftyheader"></div>

and change your js to:

window.onload=function(){
Nifty("div#niftyheader", "bottom big");
Nifty("div#footer","top big");
}

 

[AnthroAndStargate]

Thanks so much Snapster! You are awesome