728x90
css 에서 pager 를 float 으로 정렬 시 페이징 순서가 역순으로 뒤집히게 되는데 이때 다음과 같이 처리하면 정상적으로 순서를 맞출 수 있습니다.
[출처] http://stackoverflow.com/questions/5313180/problem-with-reversal-of-menu-when-floated-to-the-right-in-css
#navigation {
width:100%;
background-color:#383a3c;
height:43px;
}
#navigation ul {
width:883px;
margin:0px auto;
}
ul.navigation {
font-family:'ChunkFiveRegular', Arial, sans-serif;
font-size:18px;
float: right;
}
#navigation li {
float: left;
padding: 0px 10px;
}
#navigation li a {
display:block;
margin:13px 0px 0px 0px;
text-decoration:none;
color:#8cd8db;
}
즉, li 에서 바로 float: right 하지 말고 상위 ul 에서 float: right 한 후 li 에서 다시 float: left 합니다.
728x90
'css' 카테고리의 다른 글
테이블의 특정 컬럼의 css 조정하기 (0) | 2014.01.09 |
---|---|
css simple tree menu (0) | 2013.12.31 |
CSS 이야기: position, float, display 속성간의 관계 (0) | 2013.11.11 |
댓글