로고와 메뉴가 겹쳐요
본문
날마다 제가 원하는 답변을 들어서 항상 감사합니다.
다름이 아니라 로고와 메뉴가 겹쳐서 그런데요..
아무리 css를 수정해 봐도 안도네요..
조언좀 주세요..
답변 2
각 요소에 border:5px solid red 넣어서 레이아웃을 파악하면서 작업해 보세요.
위에 보니 #gnb{가 닫힘이 없네요 확인 해보시고
css를 다 본 상태가 아니라서 #logo css도 같이 보여주시면 확인 가능해요
로고부분 css입니다.
/* 상단 레이아웃 */
#hd {margin:0 0 ;padding: 0;text-align:center;height:305px}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#gd_bg{height:540px;position:absolute;top:0;left:0;width:100%;z-index:-1}
#hd_wr{margin:0 auto;max-width:1200px;position:relative;z-index:3}
#hd_tnb{background:#000;background:rgba(0,0,0,0.5);text-align:right;z-index:3}
#hd_tnb ul{margin:0 auto;max-width:1200px;position:relative;}
#hd_tnb li{display:inline-block;height:32px;line-height:32px;font-size:0.92em;padding:0 5px;vertical-align:top}
#hd_tnb li a{color:#fff}
#hd_tnb .thene_adm_btn{position:fixed;height:40px;line-height:40px;top:50px;left:0;background:#333;color:#fff;z-index:9999;text-align:center;padding:0;}
#hd_tnb .thene_adm_btn a{color:#fff}
#hd_tnb .thene_adm_btn i{width:40px;font-size:1.25em;float:left;line-height:40px;}
#hd_tnb .thene_adm_btn b{display:none;float:left;background:#555;font-weight:normal;padding:0 10px}
#hd_tnb .thene_adm_btn:hover b{display:block}
#logo{padding:50px 0;text-align:center;height:190px}
@media (max-width: 970px){
#hd{;height:250px}
#logo {padding:30px 0;height:145px}
#logo img{width:130px;height:auto}
#hd_tnb .thene_adm_btn{display:none}
}
@media (max-width: 640px){
#hd{height:auto;}
#gd_bg{display:none}
#logo {padding:20px 0;height:auto}
#logo img{width:80px;height:auto}
#hd_tnb {background:none;border-bottom:1px solid #e9e9e9;text-align:right}
#hd_tnb li{padding:0 3px}
#hd_tnb li a{color:#555}
혹시 사이트 주소 알수있을까요?? 아니시면 크롬으로 접속해서 f12로하시면 금방 확인가능하실텐데