수다닷컴

위와 같이 코딩을 할려고 하는대요.
2,3,4 길이는 유동적이구요. 고저으로 하는건 top 값을 주면 되는데요.
유동적으로 2번이난 3번이나 4번이 더 길어지면 5번이랑 겹치거나 벌어져요.
좀 도와 주세요~

/* 레이아웃 */
#container_top { width:685px; margin-left: 10px; _margin-left: 8px;}
#sideleft { float: left; width: 390px; margin-left: 10px; _margin-left: 8px;}
/*#sideright { float: right; width: 545px; margin-left: 15px; _margin-left: 13px;}*/
#sideright_0 { float: right; width: 545px; overflow: hidden; margin-left: 25px; _margin-left: 23px;}
#sideright_1 { float: left; width: 270px; overflow: hidden; margin-left: 25px; _margin-left: 23px;}
#sideright_2 { float: left; width: 260px; overflow: hidden; margin-left: 15px; _margin-left: 13px;}

!--************************************************************ 상단 [s] ************************************************************--
div id=container_top style=padding-bottom:10px
div style=background-color:#000000; height:100px; /div
/div
!--************************************************************ 상단 [e] ************************************************************--
!--************************************************************ 왼쪽 - 1단영역 [s] ************************************************************--
div id=sideleft
div style=background-color:#0000ff; height:600px; /div
/div
!--************************************************************ 왼쪽 - 1단영역 [e] ************************************************************--
!--************************************************************ 오른쪽 - 2단 영역 [s] ************************************************************--
div id=sideright_1
div style=background-color:#336699; height:300px; /div
/div
!--************************************************************ 오른쪽 - 2단 영역 [e] ************************************************************--

!--************************************************************ 오른쪽 - 3단 영역 [s] ************************************************************--
div id=sideright_2
div style=background-color:#ff0000; height:400px;width: 260px;/div
/div
!--************************************************************ 오른쪽 - 3단 영역 [e] ************************************************************--

!--************************************************************ 오른쪽 - 2,3단 영역 [s] ************************************************************--
div id=sideright_0 style=margin-top:10px;
div style=background-color:#993399; width:545px; height:200px/div
/div
!--************************************************************ 오른쪽 - 2,3단 영역 [e] ************************************************************--
!--*****하단 [s] ****************--
div class=clear/div
div id=
/div
!--*****하단 [e] ****************--

신청하기