CSS 메뉴 오른쪽 맞춤

저는 HTML/CSS와이 드롭 다운 메뉴를 처음 사용합니다. 나는 div 컨테이너에 align="right"을 끼워 넣으려고했으나 아무 일도 일어나지 않았습니다. 단지 헤더가 unorganized가되었습니다.CSS 메뉴 오른쪽 맞춤

메뉴는 파란색 수평선의 상단과 로고 아래에 있어야합니다. 처음에는 header.html을 변경하여 드롭 다운 메뉴를 만들 때까지 구성되었습니다.

CSS

HTML :

여기가 내 HTML 코드의

* { 
    font-family: verdana,sans-serif; 
} 

div { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

.container { 
    border-collapse: collapse; 
    position: relative; 
    min-height: 90%; 
    height: auto !important; 
    height: 90%; 
    margin: 0; 
    min-width:800px; 
    width: 800px; 
} 

#left-panel, #right-panel { 
     border-collapse: collapse; 
     display:inline-block; 
     width:30em; 
     height:100%; 
     margin:0px; 
     min-width:100px; 
     background:white; 
     overflow:hidden; 
} 
.header { 
    margin: 0 auto; 
    width: 800px; 
    height: auto; 
    border-collapse: collapse; 
} 

.footer, .push { 
    width:800px; 
    height: 40px; 
    clear: both; 
    margin: 0 auto 0; 
} 

p.copyright { 
    font-weight: bold; 
    text-align: center; 
} 

.text-image{ 
    width:533px; 
    height:321px; 
    background-image: url('images/about-cti.jpg'); 
    background-position: 350px 250px; 
} 

.a { 
     text-align: left; 
     font-family: verdana; 
     font-size: 11pt; 
     text-decoration: none; 
     color : #000000; 
} 
<!--Navigation--> 
#cssmenu ul, 
#cssmenu li, 
#cssmenu span, 
#cssmenu a { 
    margin: 0; 
    padding: 0; 
    position: relative; 
} 
#cssmenu ul { 
    list-style: none; 
} 
#cssmenu > ul > li { 
    float: left; 
} 
#cssmenu ul ul { 
    display: none; 
    position: absolute; 

    left: -1px; 
    min-width: 100%; 
    text-align: center; 
    *width: 100%; /* IE7 hack*/ 
} 
#cssmenu li:hover ul { 
    display: block; 
} 
<!--End of Navigation-->

출처

2013-07-13 yakults

로고 아래에서 원한다면 왼쪽으로 플로트해야합니다. – vladkras

이

#cssmenu{ 
    float:right; 
}

시도하고 제거

align="right"

출처

2013-07-13 10:23:41 bernte

작동합니다! : D 그러나 수평선은 여전히 메뉴 상단에 있습니다. – yakults

분만주세요 – bernte

아니면 그냥 내려갈 때까지 '
'을 추가 할 것입니다. 감사. – yakults

내가 당신의 CSS 모두가 엉망 생각이 below class

#cssmenu { 
float:right; 

}

출처

2013-07-13 10:25:20 falguni

이

http://jsfiddle.net/DWqsH/

float:rightadd을 시도합니다. 지금 제공 : (테두리 : 붕괴)

#cssmenu { 
float:right; 
}

그 아래의 DIV에 대한

는 제공 :

clear:both;

나는 생각한다, 당신이 원하는이 방법.

출처

2013-07-13 10:35:07 noob

CSS 메뉴 오른쪽 맞춤

답변

관련 문제