How to Build a Basic CSS Layout
Given the benefits described in my previous post, designing without tables by using CSS templates is quickly becoming the new norm on the Web. Web browsers used in these days are now able to efficiently render web sites. I will attempt to create a simple 2 column CSS style in this article which you can use for future design projects. 1. Divide the website into parts - you can build different divisions on your web page with the div I d tags. They are marked as having a special I d. You may then apply a template (CSS selector), which refers explicitly to the I d's column. Note to use the DOCTYPE (to correctly render the content in the browsers) and meta tags (allows search engines to crawl the pages). Wrapper : is the div that wraps the site items around all the other divs like a jar. Header : Sets the top of the list banner Main : Sets the home page material Nav : Defines web navigation Footer : specifies page footer and sub-navigation 2. Creating the ...