This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device.


Skidoo : Demo





Gutterless

This layout has the padding applied to the body element removed, allowing for the layout to stretch edge-to-edge in the viewport.

The decision developers will have to handle is what to do with borders. This demo has the left, right and top borders of the layout removed. The bottom border is left because on short-content pages, that footer will run into the background color because the page does not carry the full height of the viewport. So if you leave the bottom-border in tact, do you leave the top-border as well, to keep things symmetrical? That is what this layout does.

To create the gutterless layout, this page uses an embedded stylesheet. If you want to use a gutterless version of this layout, it would probably be best to make changes to gutters.css and borders.css directly rather than adding an embedded or another external stylesheet. The embedded style sheet is displayed below.

<style type="text/css">
<!--
    body
    {
        padding: 0;
    }
    #pageWrapper
    {
        border-width: 0;
    }
    /* to remove the top-border from the layout, uncomment this block
        #masthead
        {
            border-top-width: 0;
        }
    */
    /* to remove the bottom-border from the layout, uncomment this block
        #footer
        {
              border-bottom-width: 0;
        }
    */
-->
</style>