I was reading an article on Muffin Research Labs and I noticed that the second column had three columns in it, and for some reason I had to resize the window, and noticed that the three columns moved around. I thought it was neat, so I decided to try and make my own version of the layout.
The background image was built in Photoshop CS.
Windows
- Firefox and Mozilla 1
- Internet Explorer 6 and 7
- Opera 8.5 and 9
Macintosh
- Firefox and Mozilla 1
- Internet Explorer 5
- Netscape 7
- Safari 1
- entire document up to 1200 pixels wide
- first column 600 pixels wide
- second column up to 600 pixels wide, with three 175 pixel sub columns
- Copy the HTML into a document on your Web server
- Copy the CSS into a document named styles.css and place it in the same folder
- Download the background image and place it in the same folder on your server
- Change the text to your content
- Publish the Web page and graphics file
- The XHTML
- The CSS
- The Background Graphic (right click to download)
You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.
