float:left; 가운데 정렬
낮선검객
HTML
div class=gnb_site
ul
li class=firsta href=통합정보서비스/a|/li
lia href=정보관리시스템/a|/li
li class=lasta href=특허정보서비스/a/li
/ul
/div
CSS
div.gnb_site {text-align: center;}
div.gnb_site ul {display:inline-block;}
div.gnb_site li {float:left; height:20px; color:#fff; background:#1467ad;}
div.gnb_site li a {padding:1px 10px 0; color:#fff; font-size:0.95em;}
ie8, ff, 크롬 (이렇게 나와야함)ie6, ie7ie6은 display:inline-block; 이 인라인 요소일 때 적용이 된다고 해서 .. 가운데 정렬이 안됩니다..
가로는 유동적이여햐 합니다 ..
6,7 빼고는 잘 나오는데 ...
가운데 정렬할수 있는 방법이 있을까요 ? 위치를 고정 시키면 안되서요 ..
조언좀 부탁드릴께요~!ㅎ
-
새누
div.gnb_site ul {display:inline-block;} 에
div.gnb_site ul {display:inline-block;zoom:1;.display:inline}로 해보세요 -
봄바람
display:inline-block이 ie6 에서는 먹히질 않습니다.
속성을 추가해서 display:inline-block 과 같은 것으로 만들어 주는 것이죠-
사이트에서 display:inline-block 으로 글 찾아 보세요-
저보다는 자세히 설명 되있는게 있어요~^^ -
홀림길
앗..ㅋㅋ 되네영..ㅋㅋ zoom:1; 이 머지요 ?ㅋ
-
핑크빛애교
margin:o auto는 아닌가..
-
사이
윽 인자 봤네요 a 값에 패딩빼면 되지않나요? ㅎ
-
향율
ul은 지우공. div.gnb_site li { display:inline; height:20px; color:#fff; background:#1467ad;}
요래하니 되는데요 ;; -
2gether
display:inline; 하면 되는데 그러면
li/li요깅
li/li
사이에 공간이 생겨서엽.. 이미지로 했을땐 font-size:0; 으로 해서 공백을 없앴는데 지금은 텍스트라서 0을하면 텍스트가 없어져서.. 그럼 공간을 없앨수 있는 방법이 있을까영 ? -
설희
뜨악.. 꿈쩍을 안하네용ㅠ 다른 방법 없을까요 ?