[thelist] Whitespace Issue using Nifty Corners Cubed

tim tim at hyperlinkage.com
Sun Dec 31 06:03:31 CST 2006

Taurus James wrote:
> http://taurusbeats.com/
> The first tab displays fine without a specified height for the div.
> However, when you click on a nav button (like "BUY"), the other divs
> are shown with an excessive amount of whitespace below the content.

This definitely *is* a problem with the nifty corners script.  In 
nifty-home.js you have the following:

	Nifty("div.box","big same-height");

This is causing the JavaScript to attempt to calculate DIV heights based 
on the size of other items with class="box".  I suggest you do the 
following to fix the problem.

Replace the aforementioned line with:


In your CSS for the .box selector remove:

	height: 200px;

Your DIVs should now display at their natural height.

Hope this helps,


More information about the thelist mailing list