col1

#col1 { 
position: absolute; 
left: 2%; 
width: 19%; 
top: 106px; 
background-color: #fff;  
}

Item number 1
Item number 2
Item number 3
Item number 4
Item number 5











col2

#col2 { 
position: absolute; 
left: 22%; 
width: 28%; 
top: 106px; 
background-color: #ffffff;
}

content area1

WinでIE 6, Firefoxのブラウザテストは行なっています。

※コードはブラウザメニューの「ソースの表示」でご覧下さい。


«-- back




col3

#col3 { 
position: absolute; 
left: 51%; 
width: 28%; 
top: 106px; 
background-color: #ffffff;
overflow: auto;
}

box border

#col4, #col3, #col2, #col1 { 
border: 1px solid #564b47;
padding:0px;
margin:0px;
} 

content area2



p,h1, h3, pre {
padding: 5px 15px;
margin: 0px;
}


col4

#col4 { 
position: absolute; 
left: 80%; 
width: 18%; 
top: 106px; 
background-color: #fff;
overflow: auto;
}

link 1
link 2
link 3
link 4
link 5