상단 레이아웃 CSS 가운데 정렬하기.

Question

스크롤바를 내려도 " ​로고부터 상단 메뉴부분 " 까지 통째로... 상단에 고정시키게 하고 싶어서 이것을 #hd {z-index:4;position:relative;height:142px;min-width:970px;background:#0d0a06 ;}​ ↓ #hd {z-index:4;position:fixed;height:142px;min-width:970px;background:#0d0a06 ;margin:0 auto;}​ ​이렇게 추가를 시켰는데요. 상단에 고정되어 붙어있기는한데, 가운데 정렬이 되질않네요. ㅠㅠ 어디를 수정해야 할까요? ... 상단 레이아웃 ​ [code] #hd {z-index:4;position:relative;height:142px;min-width:970px;background:#0d0a...

새벽비 · Accepted Answer

#hd는 가로 100%라 margin:0 auto를 적용할 필요가 없어보입니다.

실제 중앙 정렬을 해야 하는 div에 width:970px;margin:0 auto를 적용해세요.

위 스타일을 보면 #hd_wrapper 이 부분안에 넣어준 요소들은 970px 가로폭으로 중앙 정렬이 되겠죠

새벽비 · Answer

[code]​#hd {z-index:4;position:fixed​;height:142px;width:100%;background:#0d0a06 ;}​​ [/code]​

일인자 · Answer

header 부분만 센터정렬 하고 싶으신거면

head.sub.php 여시면 hd 보다 상위 div 있을겁니다

그거 에 맞는 div css 찾으셔서

text-align: center; 집어 넣으시구요.

#hd {z-index:4;position:fixed;height:142px;min-width:970px;background:#0d0a06 ;margin:0 auto; text-align:left;}

하시면 될겁니다.

일인자 · Answer

#hd {z-index:4;position:fixed;height:142px;min-width:970px;background:#0d0a06 ;margin:0 auto; text-align:left;} #hd태그 감싸고 있는 div 에​​ { text-align:center; } 추가해보세요~

상단 레이아웃 CSS 가운데 정렬하기.

답변 4개

공유하기