상단 레이아웃 CSS 가운데 정렬하기. 채택완료
스크롤바를 내려도 " 로고부터 상단 메뉴부분 " 까지 통째로... 상단에 고정시키게 하고 싶어서
이것을
#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;}
이렇게 추가를 시켰는데요. 상단에 고정되어 붙어있기는한데, 가운데 정렬이 되질않네요. ㅠㅠ
어디를 수정해야 할까요? ...
상단 레이아웃
</p><p><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5;">#hd {z-index:4;position:relative;height:142px;min-width:970px;background:#0d0a06 ;margin:0 auto;}</span></p><p>.hd_zindex {z-index:10 !important}</p><p>#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}</p><p>#hd_wrapper {position:relative;margin:0 auto;padding:0;width:970px;height:100px;zoom:1}</p><p>#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}</p><p> </p><p>#logo {position:absolute; left:0px; top:32px;} </p><p>답변 4개
#hd는 가로 100%라 margin:0 auto를 적용할 필요가 없어보입니다.
실제 중앙 정렬을 해야 하는 div에 width:970px;margin:0 auto를 적용해세요.
위 스타일을 보면 #hd_wrapper 이 부분안에 넣어준 요소들은 970px 가로폭으로 중앙 정렬이 되겠죠
댓글을 작성하려면 로그인이 필요합니다.
</strong><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5;"></span><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; background-color: rgb(255, 255, 255);">#hd {z-index:4;</span><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 18px; background-color: rgb(255, 255, 255);">position:</span><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: rgb(255, 0, 0); background-color: rgb(255, 255, 255);">fixed</span><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; background-color: rgb(255, 255, 255);">;height:142px;width:100%;background:#0d0a06 ;}</span><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; background-color: rgb(255, 255, 255);"></span><span style="font-family: 돋움, Dotum, Helvetica, sans-serif; font-size: 12px; line-height: 1.5;"></span><span style="font-family: 돋움, dotum, helvetica; font-size: 12px; line-height: 21.600000381469727px; background-color: rgb(255, 255, 255);"> </span><strong style="font-family: 돋움, dotum, helvetica; font-size: 12px; line-height: 21.600000381469727px; background-color: rgb(255, 255, 255);">
댓글을 작성하려면 로그인이 필요합니다.
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;}
하시면 될겁니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인