묻고답하기
도저히 어떻게 하는지 몰라서 질문 남깁니다ㅠㅠ
2015.01.21 00:21
홈페이지 제작을 하고 있는데요
http://flamingo.dothome.co.kr/xe/
홈페이지 주소에요ㅠㅠ!
html 초보라서 세세한 부분은 잘 몰라요ㅠㅠㅠ
제가 제 모니터상으로 볼때는 메뉴바+로그인입력 부분이랑 밑에 content부분이랑 딱 맞는데요
다른 모니터는 해상도가 틀려서 그런지 메뉴바가 한참 앞에 나와있더라구요
또 제 모니터에서도 페이지 확대를 하니까 메뉴바가 콘텐트랑 같이 방향으로 확대가 되는게 아니고 메뉴바가 앞으로 나오는 현상을 해결하고 싶어요ㅠㅠㅠㅠ
어떤 부분을 손봐야 확대를 했을 때 함께 움직일까요? 미관상 보기 안좋아서 고민이에요ㅠㅠ제발 도와주세요 며칠째 이거때문에 앓고있어요
혹시 몰라서 css부분도 같이 첨부할게요!
.body{
width:800px;
position:absolute;
float:center;
border:1px solid #bababa;
box-shadow : 5px 5px 0px #bebebe;
min-height:300px;
background-color:rgba(255,255,255,0.5);
height:auto;
margin-left:299px;
margin-bottom:50px;
margin-top:90px;}
메뉴부분
.gnb, .gnb ul, .gnb li, .gnb a{padding:0px;margin-top:80px;font-family:"Tahoma",'Malgun Gothic';}
.gnb{float:center;position:static;width:1000px;margin-bottom:-50px;margin-left:-160px;margin-top:-200px;}
.gnb ul{list-style-type:none;}
.gnb li{display:inline-block;text-align:center:1px;width:auto;height:20px;}
.gnb>ul{}
.gnb>ul>li{}
.gnb>ul>li>ul{display:none;position:relative;z-index:200;background-color:rgba(255,255,255,0.8);color:#313131;}
.gnb>ul>li>ul>li{display:block;color:#313131;}
.gnb>ul>li a{display:block;padding:10px 20px;margin-right:5px;background-color:rgba(255,255,255,0.4);}
.gnb>ul>li>a:link {text-decoration:none;}
.gnb>ul>li>a:hover, .gnb>ul>li>a:active{color:#F8F8F8;text-decoration:none;background:#d9a2a2;letter-spacing:5px; text-shadow:3px 3px 2px #ff5252;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;}
.gnb ul li:hover>a{color:#fff;background:#d9a2a2;text-decoration:none;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
}
.gnb>ul>li>ul>li>a:link, .{color:#fff;text-decoration:none;}
.gnb>ul>li>ul>li>a:hover, .gnb>ul>li>ul>li>a:active{color:#fff;text-decoration:none;background:#cd7d7d;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
}
.gnb li:hover ul{display:block;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
}
.gnb .active a{background:#cd7d7d;}
acoount부분
.account {float:center;margin-top:350px;margin-bottom:50px;margin-left:-145px;position:relative;}
한쪽은 %로 주고, 한쪽은 고정시켜서 그런것 같습니다.
그부분을 찾으셔서 똑같이, 고정을 시키든지, %로 맞춰주면 될것 같은데요^^;
html이 전공이 아니라서리... ㅡㅡ;;;;
자세한부분은 다음분에게 패슈~~