Div + CSS three rows and three columns

1

 

<Style>
*{
Margin: 0;
Padding: 0;
Font-size: 1em;
}
# Header {
Width: 800px;
Height: 100px;
Margin: 0 auto;
Background: # 06f;
}
# Divall {
Width: 800px;
Margin: 0 auto;
Background: # FFF;
}
# Footer {
Width: 800px;
Height: 60px;
Margin: 0 auto;
Background: #999;
}

# Sider_a {
Width: 150px;
Float: left;
Background: # f93;
}
# Main {
Width: pixel PX;
Float: left;
Margin-left: 6px;
Background: # dceafc;
}
# Sider_ B {
Width: pixel PX;
Float: right;
Background: # CCC;
}
</Style>

<Div id = "Header"> header </div>
<Div id = "divall">
<Div id = "sider_a"> sider_a </div>
<Div id = "Main"> main </div>
<Div id = "sider_ B"> sider_ B </div>
</Div>
<Div id = "footer"> footer </div>

 

2

 

<Style>

# Header
{
Margin: 0px;
Border: 0px;
Background: # ccd2de;
Width: 580px;
Height: 60px;
}

# Mainbox
{
Margin: 0px;
Width: 580px;
Background: # FFF;
}

/* Define the style of the left column on the page */
# Menu
{
Float: right;
Margin: 2px 0px 2px 0px;
Padding: 0px;
Width: 200px;
Background: # ccd2de;
}

/* Define the column style on the page */
# Sidebar
{
Float: left;
Margin: 2px 0px 2px 0px;
Padding: 0px;
Background: # f2f3f7;
Width: 180px;
}

/* Define the style of the right column on the page */
# Content
{
Float: right;
Margin: 2px 0px 2px 0px;
Padding: 0px;
Width: 200px;
Background: # e0efde;
}

# Footer
{
Clear: both;
Margin: 0px 0px 0px 0px;
Padding: 5px 0px 5px 0px;
Background: # ccd2de;
Height: 40px;
Width: 580px;
}

top

left

medium

right

foot