SIR
목록
이전글 다음글
아

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

아빠불당
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 15년 전 · 1554 · 10
Clipboard01.gif
상단부에 레이아웃을 잡으려 하는데, 위로 딱 붙어버리네요.
어떻게 해야 저렇게 레이아웃을 잡을 수 있을까요?

첨부파일

Clipboard01.gif (3.4 KB) 0회 2010-04-22 15:39
|
글쓰기

댓글 10개

mmydie
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
<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>

대충 요런식이 아닐가요
아아빠불당
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
감사합니다. 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;}
mmydie
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
패딩으로 조절하시면됩니다
.main_menu{padding-top:값;}
아아빠불당
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
숫자를 계산해야 하쟎아요? 항상 그렇게 되는 방법은 없나요? ㅠ..ㅠ...
찌찌까니
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
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>
mmydie
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
ㅎㄷㄷ 그럼 걍 테이블 쓰시는게 나을듯
css쓰는의미가 없네요
아아빠불당
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
phpschool을 다 뒤지고 내린 결론은... table이 이런 경우는 가장 좋다입니다. ㅎㅎ
스스님꼬신수녀
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
빙고 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
아아빠불당
프로필 보기이 회원 글보기이 회원의 댓글보기
 15년 전
구글에서도 이경우는 답이 없고, 일일이 계산해서 맞추거나 table을 쓰거나. ㅎㅎ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고