Home Guide Free Web Template: Three Columns Layout and 3-Column with Footer Layout

Free Web Template: Three Columns Layout and 3-Column with Footer Layout

Font size:

About Three Columns Layout and 3-Column with Footer Layout Web Template


About Three Columns Layout Web Template:

Like to a newspaper, this three column layout lineaments fixed width columns on the right and left with a changeable width center column for your primary content.

Works in Browsers:
Windows
    * Firefox and Mozilla 1
    * Internet Explorer 5 and 6
    * Opera 8.5 and 9

Macintosh
    * Firefox and Mozilla 1
    * Internet Explorer 5
    * Netscape 7
    * Safari 1

Details:
    * left column 150 pixels wide
    * right column 140 pixels wide
    * Center column stretches betwixt the left border at 165px and the right border at 25%

To utilize the Free Web Template:
   1. Copy the CSS into a document named styles.css
   2. Copy the HTML into another document in the same directory
   3. Alter the text to your content
   4. Publish both documents

The Web Site Template Data:
You can search more with keywords as:
    * The XHTML
    * The CSS

About 3-Column with Footer Layout Web Template

This 3 column Web page layout template utilizes floats to position the columns. 3 column layouts are difficult to beget with CSS, and 3 columns with footer under are even more difficult. This layout template will point you how to add footer to the bottom of your columns.

Works in Browsers:

Windows
    * Firefox and Mozilla 1
    * Internet Explorer 5 and 6
    * Opera 8.5 and 9

Macintosh
    * Firefox and Mozilla 1
    * Internet Explorer 5
    * Netscape 7
    * Safari 1

Details:
    * Left column 200 pixels wide
    * Right column 200 pixels wide
    * Center column stretches betwixt the left border at 210px from the left and the right border at 210px from the right
    * footer is below all 3 columns and centered

To utilise the Free Web Template:
   1. Copy the CSS into a document named styles.css
   2. Copy the HTML into a document in the similar directory
   3. Change the text to your content
   4. Publish the Web page and CSS document

The Web Site Template Data:
You can search more with keywords as:
    * The XHTML
    * The CSS
email Email to a friend