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>
대충 요런식이 아닐가요
#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;}
그런데, 메뉴안의 내용을 밑으로 보내려는데, 안되는 건 왜 그럴까요?
#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;}
패딩으로 조절하시면됩니다
.main_menu{padding-top:값;}
.main_menu{padding-top:값;}
숫자를 계산해야 하쟎아요? 항상 그렇게 되는 방법은 없나요? ㅠ..ㅠ...
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>
<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>
ㅎㄷㄷ 그럼 걍 테이블 쓰시는게 나을듯
css쓰는의미가 없네요
css쓰는의미가 없네요
phpschool을 다 뒤지고 내린 결론은... table이 이런 경우는 가장 좋다입니다. ㅎㅎ
ㅋㅋㅋㅋㅋ
빙고 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
구글에서도 이경우는 답이 없고, 일일이 계산해서 맞추거나 table을 쓰거나. ㅎㅎ