div로 레이아웃을 짜려는데 이상하네요;
슬S2아
이런 형식대로 하고 싶은데style
#wrap{width:800px;border:1px soild;padding=3px}
.top{width:100%;background:#111111}
#mid-left{width:200px;float:left}
.login{width:180px;background:#222222;float:left}
.notice{width:180px;background:#333333;float:left}
#mid-right{width:550;float:right}
.contents{width:500px;background:#444444;float:right}
#bottom{width:100%;background:#111111}
/style
div id=wrap
div class=top
top
/div
div id=mid-left
div class=login
login
/div
div class=notice
notice
/div
/div
div id=mid-right
div class=contents
contents
/div
/div
div id=bottom
bottom
/div
/div
이렇게 쓰니까 자꾸 찌그러지고..
어떻게 해야할까요?
-
이름없음
이렇게짜면 어떨까요?
-
초코초코해
div id=\wrap\
div class=\top\
top
/div
div id=\contents\
div id=\login\
login
/div
div id=\notice\
notice
/div
\t div id=\side\
side
/div
/div
div id=\bottom\
bottom
/div
/div -
올해1살
\tstyle type=\text/css\
#wrap{width:800px; border:1px soild red; margin:0 auto;}
.top{width:100%; height:80px; background:red; padding:10px;}
#contents{width:100%; height:470px; background:gray; padding:10px;}
#login{width:15%; height:50px; background:gre -
소미
일단.. padding=3px 는 스타일에 쓰이는 방식이 아닙니다.. padding:3px;로 넣어주셔야해요. #wrap 에 overflow:hidden;으로 감싸주시구요.. #bottom 에 clear:both;를 넣어주셔야.. 그위 레이아웃에 적용된 float을 닫을 수 있습니다.
그리고.. 메뉴부분과 컨텐츠 부분을 전체적으로 한번더 감싸서.. 내용을 분리해주시면 좋겠죠.. div는 독립개체라.. 왼쪽 레이아웃이 늘어남에 따라 컨텐츠 영역이 동시 -
엘보어
감사합니다 잘 되네요
-
다니엘
#mid-left,#mid-right 안에 있는 요소는 float을 안쓰셔도됩니다..
그리고 #bottom 에 clear:both; 를 넣어주세요
그러면 원하시는 레이아웃이 나올꺼예요