2014-07-26 2 views
-1

registerlogin 버튼이 오른쪽으로 정렬되지 않습니다. 이 문제를 해결하도록 도와 주시겠습니까? 나는 필요한 모든 정보를 제공 할 것이며, 단지 그것을 요구할 것이다. 그건 그렇고 이것은 더 큰 메뉴의 한 부분 일 뿐이므로 CSS에서 여분의 것들을 가질 것입니다.메뉴가 오른쪽으로 정렬되지 않음

PHP/HTML :

<a href="<?php echo URL; ?>login"> 
    <div class="button first"> 
     <div class="b left"><!-- --></div> 
     <div class="b right"><!-- --></div> 
     <div class="b content">Login</div> 
    </div> 
</a> 

<a href="<?php echo URL; ?>register"> 
    <div class="button first"> 
     <div class="b left"><!-- --></div> 
     <div class="b right"><!-- --></div> 
     <div class="floatright">Register</div> 
    </div> 
</a> 

CSS : CSS에서

#page { 
    min-height: 100%; 
    max-width: 1060px; 
    min-width: 954px; 
    position: relative; 
} 
body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
} 
#page { 
    margin: 0 auto; 
} 
.m_hmenu { 
    position: relative; 
    overflow: hidden; 
} 
.m_hmenu .floatright { 
    float: right; 
} 
.m_hmenu .content { 
    position: relative; 
} 
.m_hmenu .content span { 
    font-size: 60%; 
    margin-left: 6px; 
    position: relative; 
    bottom: 1px; 
} 
.m_hmenu .left { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 50.004%; 
    height: 100%; 
    background-position: left top; 
} 
.m_hmenu .right { 
    position: absolute; 
    top: 0; 
    right: 0; 
    width: 50.004%; 
    height: 100%; 
    background-position: right top; 
} 
.m_hmenu .button { 
    float: left; 
    position: relative; 
    cursor: pointer; 
    height: 100%; 
    margin-bottom: 100px; 
} 
.m_hmenu a:hover .button, 
.m_hmenu a:focus .button { 
    text-decoration: none; 
} 
.m_hmenu .cap { 
    float: left; 
    height: 100%; 
} 

.m_hmenu .stretch .button { 
    width: 100%; 
    text-align: center; 
    padding-left: 0px !important; 
    padding-right: 0px !important; 
} 
body { 
    background-attachment:fixed; 
    background-color:#f0f0f0; 
    background-repeat:repeat; 
    background-position:center; 
    color:#4f4f4f; 
    background-image:url("Background.jpg"); 
} 
#page-wrap { 
    background-color:transparent; 
    margin-right:-5px; 
    font-family:Arial; 
    color:#4f4f4f; 
    margin-left:-5px; 
    font-size:13px; 
} 
a { 
    color:#57c11a;text-decoration:none; 
} 
.m_header { 
    padding-bottom:3px; 
    border-color:transparent; 
    padding-right:4px; 
    background-color:transparent; 
    padding-left:3px; 
    border-width:1px; 
    padding-top:3px 
} 
.m_hmenu { 
    height:63px; 
} 
.m_hmenu .bg.left { 
    background-image:url("Menu.png"); 
} 
.m_hmenu .bg.right { 
    background-image:url("Menu.png"); 
} 
.m_hmenu .buttons { 
padding-right:0px;padding-left:15px;top:2px; 
} 
.m_hmenu .button { 
    background-color:transparent; 
    line-height:58px; 
    padding-right:15px; 
    font-weight:normal; 
    height:40px; 
    padding-left:15px; 
    font-size:15px; 
    color:#89e350; 
} 
.m_hmenu a:hover .button { 
    color:#ffffff; 
} 
.m_hmenu a:focus .button { 
    color:#ffffff; 
} 
.m_hmenu .cap { 
    height:40px; 
} 

감사 여호수아

+0

더 나은 이해를 위해 바이올린을 만들 수 있습니까? –

+0

당신이 이것을 좋아하니? http://jsfiddle.net/s4s3W/ – BuddhistBeast

+0

http://jsfiddle.net/t4tsr/ – user3818340

답변

0
<div id="login" class="button first"> 
    <a>Login</a> 
</div> 

<div id="register" class="button first"> 
    <a>Register</a> 
</div> 

:

#login, #register {position:fixed;top:50px} 
#login {right:100px} 
#register {right:10px} 
관련 문제