div position 질문드려요.. 왜 정렬이 안되죠??
본문
안녕하세요 오늘은 div position 에 의문사항이 있어
도움을 요청하고자 합니다.
소스는 아래와 같구요
<style type="text/css">
/*탑메뉴1 */ #tmenu1 { position: fixed; width: 386px; height: 75px; left:0px; top:20px; z-index:9999; }
/*탑메뉴2 */ #tmenu2 { position: fixed; width: 328px; height: 75px; right:0px; top:20px; z-index:9999; }
/*메인화면 */ #main { position: static; width: 100%; height: 600px; background-color:yellow; }
/*메인메뉴 */ #mmenu { position: relative; width: 1532px; height: 75px; top:525px; left:50%; margin-left:-766px; background-color:red; z-index:8888; }
/*메인배경1 */ #mbg1 { position: relative; width: 676px; height: 402px; bottom:0px; left:50%; margin-left:0px; background-color:cyan; z-index:17777; }
</style>
<div id="tmenu1"><img src="<?php echo G5_THEME_IMG_URL ?>/tmenu1.png"></div>
<div id="tmenu2"><img src="<?php echo G5_THEME_IMG_URL ?>/tmenu2.png"></div>
<div id="main">
<div id="mmenu"></div>
<div id="mbg1"></div>
</div>
소스는 위와 같구요
아래는 현재 상태입니다.
main 안에 있는 mbg1을 bottom:0px 을 줘봐도
노란색 main 밑부분에 붙질 알고 저렇게 떠있습니다.
혹시나해서 top:0px 을 줘도 노란색 main 맨 윗부분에 붙지를 않구요ㅠㅠ
어디가 잘못된걸까요??
제가 하고 싶은건 mbg1 저녀석을 노란색 main 아랫부분에 붙이고 싶습니다 ㅠㅠ
이렇게요..
어딜 잘못건드린걸까요??
답변 2
#main에 position:relative;를 하시고
#mbg1에 position:absolute;를 하시면 자기 부모를 기준으로 absolute가 됩니다.
답변감사합니다!!!
position: absolute; 가 되어야하는건 아닌지요
absolute 하면 부모div 와 상관없이 무조건 정렬 아닌가요?
저는 부모 main div 기준으로 mbg1 을 맨 아래 정렬 시키고 싶어서요..
답변을 작성하시기 전에 로그인 해주세요.