수다닷컴

style
*{font-family: malgun gothic, Arial;}
body{margin:0; padding:0;}
div{}
ul,li{list-style:none;}
img{border:0px;}
a:hover, a:active, a:focus, a:link, a:visited, a:img{text-decoration: none;}
.hand{cursor: pointer;}
.f12{font-size:12px;}
.fl{float:left;}
.topmenu{width:100%; height:50px; background:#ff0000;}
.leftmenu{width:200px; height:auto; background:#ff99ff;}
.main{width:100%; height:auto; background:#ff9933;}
.maintab{width:100%; height:25px; background:#0000ff;}
.mainbody{width:100%; height:auto; border:solid 1px; #000;}
.footer{width:100%; height:30px; background:#ff0000; text-align:center;}
/style
body
div class=topmenu
div class=flimg src=images/logo.png/div
div class=fl
ul
li class=flmenu01/li
li class=flmenu02/li
li class=flmenu03/li
li class=flmenu04/li
li class=flmenu05/li
li class=flmenu06/li
/ul
/div
/div
div class=leftmenu fl
d
/div
div class=main fl
div class=maintab
ul
li class=fl style=tab/li
li class=fl style=tab/li
li class=fl style=tab/li
li class=fl style=tab/li
li class=fl style=tab/li
/ul
/div
/div
div class=mainmain/div
div class=cb footer f12footer/div
/body
이렇게 작업했더니
1번과 같이 나왔어요. 2번같이 나오게 하고 싶은데... 말이죠
그리고 왼쪽 메뉴 고정 200px을 주었을때 tab과 main는 가변으로 늘었다 줄었다 하고 싶은데
방법이 없을까요?

신청하기