How to Design a Two Column Layout for Your Website Using ... | html two column layout
2ColumnsUsingFloat,withOptionalHeaderandFooterbyChristopherHeng,thesitewizard.comTherearemanywaystocreateatwocolumnlayoutusingCascadingStyleSheets(CSS).Thisarticletakesyouthroughthestepsofusingonemethod.Thecodegivenherewillalsoallowyoutoaddanoptionalheaderandfooterthatspansbothcolumnsshouldyouwish.PrerequisitesForyoutobeabletousethisarticle,youneedtobeabletocodedirectlyinbothHTMLandCSS[2].Ifthisisnotthecase,youmayprefertouseavisualwebeditortodesignyoursiteinstead.Forexample,mytutorialsforMic...
2 Columns Using Float, with Optional Header and Footer
by Christopher Heng, thesitewizard.comThere are many ways to create a two column layout using Cascading Style Sheets (CSS). This article takes you through the steps of using one method. The code given here will also allow you to add an optional header and footer that spans both columns should you wish.
PrerequisitesFor you to be able to use this article, you need to be able to code directly in both HTML and CSS[2]. If this is not the case, you may prefer to use a visual web editor to design your site instead. For example, my tutorials for Microsoft Expression Web[3] (a free web editor), BlueGriffon[4] (an open source web editor) and Dreamweaver[5] (a commercial editor) take you through the process of creating a CSS-based two column website.
Note that you do not have to be an expert in writing HTML or CSS code. You just need some basic working knowledge otherwise this tutorial will be incomp...