XDT Style B 슬라이드 배너 크기 설정에 관련해 질문드립니다.

배너 사이즈는 650*300, 사이트 가로길이는 900정도로 생각하고 있습니다!

layout.css 을 여시고

7번줄 #doc{width: 900px; margin:0 auto;}

46-51번줄

/*main page*/

.xdt_page { width:900px; float:left; margin-bottom:15px; }

.xdt_page  .articlea { width:900px; float:left; }

.xdt_page  .articleb { width:880px; float:left; padding:10px 10px 10px 10px; }

.xdt_page  .articlec { width:898px; float:left; background-color:#fff; border-radius:0 0 5px 5px; border:1px solid #cccccc; }

.xdt_page  .articled { width:878px; float:left; padding:10px 10px 10px 10px; background-color:#fff; border-radius:0 0 5px 5px; border:1px solid #cccccc; }

53-96번줄

/*sub page*/

.xdt_page2a { width: 900px; float:left; margin-bottom:15px; }

.xdt_page2a .xdt_sub { width:210px; margin:0 0 0 0; float:left; padding:10px 10px 0 10px ; font-size:12px; color:#666; background-color:#fff; }

.xdt_page2a .xdt_sub li { list-style:none;  margin:0 0 0 0; padding:10px 0 0 0 ; width:200px;}

.xdt_page2a .xdt_sub li ul { list-style:none;  padding:0; width:200px; overflow:hidden;height:30px;  text-align:left; }

.xdt_page2a .xdt_sub li ul a { width:200px; height:30px; padding:7px 0 0 5px; margin:0px 0 0 0px; }

.xdt_page2a .xdt_sub li ul a:hover { color:#2879ff; }

.xdt_page2a .xdt_sub li ul.active a { color:#333; font-weight:bold;}

.xdt_page2a .xdt_sub .xdt_sub_top { font-size: 20px; font-weight: bold; padding-bottom:5px; border-bottom: 2px solid #000; }

.xdt_page2a .xdt_sub .locNav .active a { color:#333; font-weight:bold;}

.xdt_page2a .page2 { width: 670px; float:left; }

.xdt_page2b { width: 900px; float:left; margin-bottom:15px; }

.xdt_page2b .xdt_sub { width:210px; margin:0 0 0 0; float:left; padding:10px 10px 0 10px ; font-size:12px; color:#666; background-color:#fff; }

.xdt_page2b .xdt_sub li { list-style:none;  margin:0 0 0 0; padding:10px 0 0 0 ; width:200px;}

.xdt_page2b .xdt_sub li ul { list-style:none;  padding:0; width:200px; overflow:hidden;height:30px;  text-align:left; }

.xdt_page2b .xdt_sub li ul a { width:200px; height:30px; padding:7px 0 0 5px; margin:0px 0 0 0px; }

.xdt_page2b .xdt_sub li ul a:hover { color:#2879ff; }

.xdt_page2b .xdt_sub li ul.active a { color:#333; font-weight:bold;}

.xdt_page2b .xdt_sub .xdt_sub_top { font-size: 20px; font-weight: bold; padding-bottom:5px; border-bottom: 2px solid #000; }

.xdt_page2b .xdt_sub .locNav .active a { color:#333; font-weight:bold;}

.xdt_page2b .page2 { width: 670px; margin:10px 10px 10px 0px; float:left; }

.xdt_page2c { width: 900px; float:left; background-color:#fff; border:1px solid #ccc; border-radius:0 0 5px 5px; margin-bottom:15px; }

.xdt_page2c .xdt_sub { width:210px; margin:0 0 0 0; float:left; padding:10px 10px 0 10px ; font-size:12px; color:#666; background-color:#fff; }

.xdt_page2c .xdt_sub li { list-style:none;  margin:0 0 0 0; padding:10px 0 0 0 ; width:200px;}

.xdt_page2c .xdt_sub li ul { list-style:none;  padding:0; width:200px; overflow:hidden;height:30px;  text-align:left; }

.xdt_page2c .xdt_sub li ul a { width:200px; height:30px; padding:7px 0 0 5px; margin:0px 0 0 0px; }

.xdt_page2c .xdt_sub li ul a:hover { color:#2879ff; }

.xdt_page2c .xdt_sub li ul.active a { color:#333; font-weight:bold;}

.xdt_page2c .xdt_sub .xdt_sub_top { font-size: 20px; font-weight: bold; padding-bottom:5px; border-bottom: 2px solid #000; }

.xdt_page2c .xdt_sub .locNav .active a { color:#333; font-weight:bold;}

.xdt_page2c .page2 { width: 668px; float:left; }

.xdt_page2d { width: 900px; float:left; background-color:#fff; border:1px solid #ccc; border-radius:0 0 5px 5px; margin-bottom:15px; }

.xdt_page2d .xdt_sub { width:210px; margin:0 0 0 0; float:left; padding:10px 10px 0 10px ; font-size:12px; color:#666; background-color:#fff; }

.xdt_page2d .xdt_sub li { list-style:none;  margin:0 0 0 0; padding:10px 0 0 0 ; width:200px;}

.xdt_page2d .xdt_sub li ul { list-style:none;  padding:0; width:200px; overflow:hidden;height:30px;  text-align:left; }

.xdt_page2d .xdt_sub li ul a { width:200px; height:30px; padding:7px 0 0 5px; margin:0px 0 0 0px; }

.xdt_page2d .xdt_sub li ul a:hover { color:#2879ff; }

.xdt_page2d .xdt_sub li ul.active a { color:#333; font-weight:bold;}

.xdt_page2d .xdt_sub .xdt_sub_top { font-size: 20px; font-weight: bold; padding-bottom:5px; border-bottom: 2px solid #000; }

.xdt_page2d .xdt_sub .locNav .active a { color:#333; font-weight:bold;}

.xdt_page2d .page2 { width: 668px; margin:10px 10px 10px 0px; float:left; }

으로 수정하시면 됩니다.

도라미님이 말씀하신대로 해보았으나 아무런 변화가 없습니다ㅠㅠ 레이아웃 전체 가로 사이즈는 물론이고 슬라이드 배너 사이즈도 그대로네요ㅠㅠ

레이아웃사이즈는 괜찮으니 슬라이드 배너만이라도 사이즈를 변경할 수 있는 방법 없을까요?

답변 정말 감사드립니다.

입니다. 

혹시 도움이 될까 싶어... 제가 원하는 사이트의 모양은 대략 아래와 같습니다. 슬라이드배너가 저렇게 들어가고 옆에 이미지 하나가 들어가는 구조요! 아래에선 링크가 들어갔지만 전 그냥 이미지 하나가 들어가면 됩니다ㅠㅠ

layout.css 여시고

110-112번줄

/*banner*/

#slides { background:url(../img/bgBanner.png) repeat-x 0 0; float:left; width:650px; height:300px; margin:4px 0 10px 0; padding:0; position:relative; border:1px solid #cccccc ;}

.slide { width:650px; height:300px; margin:0; }

으로 수정하세요. 배너부분을 누락했네요. 그리고 본문은 900px으로 정상적으로 변경되있습니다.

으아 계속 안 바껴서 뭐가 잘못됐지ㅠㅠ 했는데 캐시파일 삭제하고 보니 변경되었네요ㅠㅠ 정말 감사드립니다!!

추운데 감기 조심하시고 좋은 하루되세요^ㅇ^!!