레이아웃 잡는 부분 질문드려요.
도1도캣
위와 같이 코딩을 할려고 하는대요.
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] ****************--
-
들찬길
저같으면 3단으로 나눈후 4번만 포지션 배치할것입니다 ㅋㅋ
하지만 가려지는건 알아서 해결하시길 키키키 -
앵초
왠지 모를 거부감이ㅋㅋ
-
재넘이
대책없는 레이아웃일세... 디자이너랑 배틀 함 뗘야될듯요 2,3,4번이 유동이라면 무슨방법을쓰던 한부분은 벌어집니다 개발들어가면 모를까... 디자이너랑 협의하세요~
-
두힘
-_-; 답없는 레이아웃이네
-
잎새
라운드1...
-
딥레드
^^ 덧글 감사드려요.원래 디자인은 1번이 없고 5번이 2,3 위에 있는 거라서 진행했었는데요. 기획쪽에서 1을 넣고 싶다고 해서 5번이 아래로 내려오는 디자인이 나왔네요. 혼자 끙끙거리다가 질문 올렸는데. 안되는거라고 하시니 맘이 편해지네요. ㅎㅎ. 협의 볼께요~ 감사합니다.~
-
차분나래
이거 float로만 해결보는 사람 천재 인정 -_-;
-
그댸와나
그냥 Table 로 해주세요; 참~쉽죠잉~
디자인의 문제일수도 있지만 기획단계에서의 문제도 있겠네요. 높이가 유동적이라서 그 빈 공간은 배너로 넣으실라고 하는지.....