그누보드 적용후 문제 질문입니다. ㅜㅜ
본문
기본적인 연습을 위해 대충 레이아웃을 잡아보고 있습니다.
그런데, 문제는 그누보드만 적용하면 주메뉴가 가운데로 몰려버리네요. ㅜㅜ
연습중인 링크입니다.
http://vsworks.cafe24.com/biz/biz_1.html
링크들어가보시면 주메뉴가 정상적으로 보여집니다.
근데, 회사소식을 눌러보시면 메뉴가 가운데로 몰려버리네요. ㅜㅜ
그누보드를 적용하지 않으면 이상없는데, 적용하면 저렇게 되어버립니다.ㅜㅜ
그누보드를 처음에 붙일때 사이트가 브라우저 왼쪽으로 붙어버려서... 어찌어찌 알아보다가
테이블 소스를 넣었습니다.
<table width="100%" cellSpacing="0" cellpadding="0" border="0"><tr><td align="center">
그러니 사이트가 중앙정렬로 잘 보이더군요.
근데, 문제는 메뉴가 가운데로 몰려버립니다.ㅜㅜ
테이블 소스에서 align="center" 때문인가 싶어서 지워봤는데, 이것때문은 아니더군요..ㅜㅜ
도움좀 부탁드립니다
그런데, 문제는 그누보드만 적용하면 주메뉴가 가운데로 몰려버리네요. ㅜㅜ
연습중인 링크입니다.
http://vsworks.cafe24.com/biz/biz_1.html
링크들어가보시면 주메뉴가 정상적으로 보여집니다.
근데, 회사소식을 눌러보시면 메뉴가 가운데로 몰려버리네요. ㅜㅜ
그누보드를 적용하지 않으면 이상없는데, 적용하면 저렇게 되어버립니다.ㅜㅜ
그누보드를 처음에 붙일때 사이트가 브라우저 왼쪽으로 붙어버려서... 어찌어찌 알아보다가
테이블 소스를 넣었습니다.
<table width="100%" cellSpacing="0" cellpadding="0" border="0"><tr><td align="center">
그러니 사이트가 중앙정렬로 잘 보이더군요.
근데, 문제는 메뉴가 가운데로 몰려버립니다.ㅜㅜ
테이블 소스에서 align="center" 때문인가 싶어서 지워봤는데, 이것때문은 아니더군요..ㅜㅜ
도움좀 부탁드립니다
답변 1
사이트를 중앙 정렬하실때 테이블 소스를 사용하지 마시고 default.css안의 중앙정렬을 원하시는 class나 id의 바로 상위 class나 id에 {width:100%}를 주시고
중앙정렬을 원하시는 class나 id에 {width:원하시는넓이px;margin:0 auto;}
이렇게 하시면 중앙정렬이 될겁니다.
그리고 다시 정렬을 해보시면 좀 더 쉽게 해결책이 보일겁니다.
그리고
default.css의 li 정의 부분에 float:left 를 정의해 주시면 li로 정의되는 색션은 모두가 해당 범위내에서 왼쪽으로 정돈이 됩니다.
만일 이 방법이 다른 디스플레이 정의 와 충돌 한다면
#gnb ul{list-style-type: none;margin:0;padding:0}
#gnb li, ol {float:left;list-style-type: none;}
이런식으로 별도의 리스트를 정의 하실 수 있습니다.
솔직히 처음에는 노가다를 하시면서 하나하나 알아가시는것도 재밌을 것입니다 ^^
답변을 작성하시기 전에 로그인 해주세요.