수다닷컴

B는 width가 고정 사이즈이고 A와 C는 좌우로 리사이즈 되는 레이아웃인데요..

코딩하기가 어렵네요...

48% / 4%/ 47% 이렇게 float=left, right로 정렬을 시키긴 했는데 너무 어거지로 한것 같아요..

리사이즈 될대 B 좌우 여백이 고정으로 유지도 안되구요..

레이아웃 자료를 계속 뒤져보고 있는데 이런 레이아웃은 찾기가 어렵네요..

도와주세요~~~

--------------------------------------------------------------------------------------------------------------

style type=text/css
body{padding:0; margin:0}
#wrap{width:100%; height:200px; padding:0; margin:0}
#ctLeft{width:46%; height:200px; padding:0; margin:0; float:left;}
#ctRight{width:54%; height:200px; padding:0; margin:0; float:right;}
.A{ height:200px; padding:0; background:#ddd; margin-right:10px;}
.B{float:left;width:110px; height:100px; background:#333; margin-top:50px;margin-right:-120px;}
.C{margin-top:0px;margin-left:120px; background:#ddd; height:200px;}
.B,.C{border:1px solid #bdbdbd; text-align:center}
/style

div id=wrap
div id=ctLeft
div class=A/div
/div
div id=ctRight
div class=B/div
div class=C/div
/div
/div

이렇게 하니 되네요.. ^^.

신청하기