About This Layout
This page is styled with CSS. It demonstrates a floats-based three-column layout with rounded corners.
The Concept
Add rounded corners with the NiftyCorners JavaScript file.
This example uses Nifty Corners, which cleverly adds 1 pixel wide divs around a specified element to create the visual appearance of rounded corners. You can learn more at the Nifty Corners site.
I have added an additional function call that passes the location of the Nifty Corners CSS file to its JavaScript file, which means that the Nifty Corners files no longer need to be in the same folder as the page, but can be located in one place for all pages.
The Stylib Files
This example uses two CSS files from the Stylib CSS library:
The XHTML markup file is called
Note: Firefox has problems displaying Nifty Corners correctly on an element with padding. It's best to add an inner div and pad that element instead.