Div+css 6 Simple steps to build a Web page

Web page Production WEBJX article introduction: Div+css 6 Steps to build a Web page.

We all know that using div+css layout to design a site to facilitate optimization, easy to be included, such as two sites at the same time online, with the same outside the chain, 2 months after the promotion, to ensure that the use of div+css layout of the site to obtain a better ranking than the traditional table, with div+ CSS construction of the site is the first from the overall layout, the overall layout of the site design, generally we follow the following steps to build a website page:

1, the top part, including the logo, menu and a picture of banner;

2, the middle part of the page, that is our main body, here on the site we do for a customer as an example to illustrate. Given the industry's requirement to open the home page quickly, the information we posted on the website is designed to be three columns.

3, the bottom, including some copyright information.
Based on the above assumptions, we define the following div structure
The div structure is as follows:
　　
│body {}/* This is an HTML element * *
　　
└ #Container {}/* page Layer Container * *
　　　　　
├ #Header {} * * page head * *
　　　　　
├ #MianBody {}/* page body * *
　　　　　
│ #mainbody-left {}/* Main Page Left/*
　　　　　
│└ #mainbody-center {}/* Main Page Center * *

│└ #MainBody-right{}/* Main Page right * *
　
└ #footer {}/* Bottom of page * * *

Using DIV+CSS to make a navigation bar is very easy, and we can easily adjust the style of the navigation bar through CSS. Use Div to set the navigation bar generally with <ul> and <li> tags.

4, the height display effect is different
In general, you only need to use height:100px; you can _height:100px the height of the IE6 when the display is not the same.

5, nested effect is not different.
In some cases, if the nested picture in the DIV is greater than the height of the outer Div, the setting for the height in the IE6 is always invalid, so be careful to add the overflow property to the CSS, Overloaw:hidden, you can hide the part beyond the bounds.