Related Links

Featured Links


Recommended Products



 

 
Featured Articles

The DRC Blew It
The DRC (Disability Rights Commission) recently announced the results of their year-long investigation into the accessibility of 1000 websites. The DRC's report (http://www.drc-gb.org/publicationsandreports/2.pdf) concluded that most websites are highly ...

Why you should convert to CSS
<h2>Introduction</h2>What is CSS? - I hear some of you ask. Well, CSS stands for <strong>Cascading Style Sheets</strong> and they have been around since the early 1990's believe it or not.The Wikipedia definition (changed so that ...

Xhtml - Kicking And Screaming Into The Future
XHTML, the standard, was first released back in 2000. Roughly five years later we begin to see major websites revised to use this standard. Even the favorite whipping boy of standards-compliance punditry, Microsoft, presents their primary homepages, ...


Google


How to Build a Basic CSS Layout
 
becoming the new standard on the Web because of the
benefits mentioned in my previous article. Web browsers
used these days are now able to render web pages
proficiently. In this article I will endeavor to create a
basic 2 column CSS layout which you can use for future
design projects.

Here is the live web page of the basic CSS layout:
http://www.isitebuild.com/css/css-layout.html

1. Divide your page into sections - the tags
allows you to create distinct divisions on your web page.
They are identified with a unique id. You can then add a
style (css selector) that specifically applies to the div
of that id. Remember to include the DOCTYPE (to render your
page accurately in the


browsers) and meta tags (enables
search engines to spider your pages).

wrapper: is the div that wraps around all the other divs
like a container for the page elements.
header: defines the top banner of the page
main: defines the main content of the page
nav: defines the navigation of the page
footer: defines the footer and sub-navigation of the page

Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




How to Build a Basic CSS Layout









News