채택완료

css 변경 문의 드립니다

2015-08-23 (일) 21:59:12 4,408

http://www.smiletalk.co.kr/ 

메인 페이지의 중간에 애드센스 광고 사이즈에 맞게 중간에 #container 를 728px로 변경하려고 하는데,

잘 안되네요 ;;

이에 맞게, 최신글과 오른쪽 #aside의 width도 변경하고 있는데, 하나도 적용이 안되네요 ;;

답변 3개 / 댓글 4개

채택된 답변
+20 포인트
2015-08-23 (일) 22:48:09

theme/community/css/default.css 

Copy
#container {z-index:4;position:relative;float:left;width:710px;min-height:500px;height:auto !important;height:500px;font-size:1em;zoom:1;}

710px입니다.

Copy
#aside {float:right;margin:0 0 0 -1px;width:280px;background:#fff}

280px입니다.​

 

너비를 늘이거나 줄이기 위해서는 연관되는 다른 곳들도 함께 수정해야 합니다.

쉽지 않은 작업입니다.

답변에 대한 댓글 4개

이미 둘다 변경을 했습니다.
#container 에는 width:728px로 변경했고,
#aside 에는 width:262px로 변경했습니다.

그 외에, 최신글 스킨도 변경을 했는데, 반응이 없네요 ;;
막 어긋나버린 부분들이 보이는데... 반응이 없다니요?

배너를 줄이는 편이 훨씬 더 간단합니다.
위 댓글에도 언급했지만, 그리 녹록한 작업이 아닙니다.
여백을 포함한 구조를 먼저 파악하고
최신글 스킨, 아웃 로그인 스킨, 설문조사 스킨 등을 수정해야 합니다.
그리고, 인덱스 실제 내부폭은 710px보다 작습니다. 여백이 있으니까요.
감사합니다.
대충 해결된듯 하네요..
2015-08-24 (월) 05:52:35
반응형 애드센스를 쓰시는것도 방법입니다.
2015-08-24 (월) 00:35:48

레이아웃 넓이 계산에 착오가 있으신 듯 합니다.

구글 광고의 넓이는 728px 가 맞지만 이것을 둘러싸고 있는

.google-board 클래스의 실제 넓이(padding,border 포함)는 750px 입니다.

다시 정리하자면

#wrapper 에서 width를 1045px 로

#container 에서 width를 750px 로 하고,

최신글에 해당되는 부분도 width를 750px 범위에 맞춰서 해야 할 것 같습니다.

답변을 작성하려면 로그인이 필요합니다.