css를 어떻게 잡아야 할까요??? > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

css를 어떻게 잡아야 할까요??? 정보

css를 어떻게 잡아야 할까요???

본문

상단부에 레이아웃을 잡으려 하는데, 위로 딱 붙어버리네요.
어떻게 해야 저렇게 레이아웃을 잡을 수 있을까요?
  • 복사

댓글 전체

<style type="text/css">
#head{width:500px; padding:9px; border:1px solid #4caec4; overflow:hidden;}
h1{float:left; width:50px; height:80px; border:2px solid #8466a4; font-size:12px;}
#menuwrap{float:left; padding-left:9px;}
#topmenu{width:430px; height:30px; border:2px solid #8466a4;}
#menu{margin-top:16px; width:430px; height:30px; border:2px solid #8466a4;}
</style>

<div id="head">
<h1>#logo</h1>
<div id="menuwrap">
<div id="topmenu">#topmenu</div>
<div id="menu">#menu</div>
</div>
</div>

대충 요런식이 아닐가요
감사합니다. menuwrap가 관건이었네요. ㅠ..ㅠ...

그런데, 메뉴안의 내용을 밑으로 보내려는데, 안되는 건 왜 그럴까요?

#head {clear:both; margin-top:8px;}
#head .logo {width:210px; height=131px; margin-right:10px; text-align:center; float:left;}
#head .menuwrap {height:131px;}
#head .top_menu {width:780px; height:20px;}
#head .main_menu {width:780px; margin-top:61px; height:50px; vertical-align:bottom; text-align:bottom;}
padding보다는 언급하신 지정크기가 있다면 margin으로 해보시는게....

<div style="margin-bottom:10px;">top-menu</div>
<div style="height:50px;">menu</div>
<br>
<br>
<div>top-menu</div>
<div  style="margin-top:10px;height:50px;">menu</div>
<br>
<br>
© SIRSOFT
현재 페이지 제일 처음으로