오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 : http://joojin.net/new/bbs/board.php?bo_table=fullcalendar


해당 증상이 있는 게시판을 링크했지만, 해당 게시판 뿐만아니라

여러 스킨 적용시 전반적으로 버튼이 스샷과 같이 밀려서 세로로 배열이 되고있습니다.

head.php, tail.php 파일설정을 해제하면 제대로 나오다가도

연결하면 게시판 폭이 좁아서인지 스샷처럼 배열이 틀어집니다.

(그렇다고 홈페이지 가로폭이 좁은편도 아닙니다. 게시판 내용부분 1024픽셀입니다)

일정관리 스킨을 쓰려고 기존 eur 홈피를 버리고 UTF로 왔는데 이런곳에서 막혀버리네요...

간단히 해결될것같으면서도 어딜 손대야할지 몰라 헤매고 있습니다.

고수님의 도움의 손길 기다리고 있겠습니다 ㅠㅠ


혹시몰라 fullcalendar 스킨의 css 소스 첨부해봅니다.

/*
 * FullCalendar v1.4.5 Stylesheet
 *
 * Feel free to edit this file to customize the look of FullCalendar.
 * When upgrading to newer versions, please upgrade this file as well,
 * porting over any customizations afterwards.
 *
 * Date: Sun Feb 21 20:30:11 2010 -0800
 *
 */


.fc,
.fc .fc-header,
.fc .fc-content {
font-size: 11px;
}

.fc {
direction: ltr;
text-align: left;
}

.fc table {
border-collapse: collapse;
border-spacing: 0;
}

.fc td, .fc th {
padding: 0;
vertical-align: top;
}

.fc th{
padding:0px 0 0px;
background:#fafafa;
}


/* Header
------------------------------------------------------------------------*/

table.fc-header {
position:relative;
top:-12px;
width: 100%;
z-index: 5;
}

.fc-header-left {
width: 25%;
}

.fc-header-left table {
position:relative;
top: 13px;
left: 10px;
z-index: 10;
float: left;
background-color:#fff;
}

.fc-header-center {
width: 50%;
text-align: center;
}

.fc-header-center table {
margin: 0 auto;
}

.fc-header-right {
width: 25%;
}

.fc-header-right table {
float: right;
}

.fc-header-title {
margin-top: 0;
white-space: nowrap;
font-size:18px;
font-weight:bold;
}

.fc-header-space {
padding-left: 10px;
}

/* right-to-left */

.fc-rtl .fc-header-title {
direction: rtl;
}



/* Buttons
------------------------------------------------------------------------*/

.fc-header .fc-state-default,
.fc-header .ui-state-default {
margin-bottom: 0;
cursor: pointer;
}

.fc-header .fc-state-default {
border-width: 1px 0;
padding: 0 1px;
}

.fc-header .fc-state-default,
.fc-header .fc-state-default a {
border-style: solid;
}

.fc-header .fc-state-default a {
display: block;
border-width: 0 1px;
margin: 0 -1px;
width: 100%;
text-decoration: none;
}

.fc-header .fc-state-default span {
display: block;
border-style: solid;
border-width: 1px 0 1px 1px;
padding: 0px 5px;
}

.fc-header .ui-state-default {
padding: 4px 6px;
}

.fc-header .fc-state-default span,
.fc-header .ui-state-default span {
white-space: nowrap;
}

/* for adjacent buttons */

.fc-header .fc-no-right {
padding-right: 0;
}

.fc-header .fc-no-right a {
margin-right: 0;
border-right: 0;
}

.fc-header .ui-no-right {
border-right: 0;
}

/* for fake rounded corners */

.fc-header .fc-corner-left {
/*margin-left: 1px;*/
/*padding-left: 0;*/
}

.fc-header .fc-corner-right {
/*margin-right: 1px;*/
/*padding-right: 0;*/
}

/* DEFAULT button COLORS */

.fc-header .fc-state-default,
.fc-header .fc-state-default a {
border-color: #c8c8c8 ; /* outer border */
color: #101010;
font-size:11px;
}

.fc-header .fc-state-default span {
border-color: #fff #f0f0f0 #f0f0f0; /* inner border */
background: #f0f0f0;
padding:0 1px;
}

/* PRESSED button COLORS (down and active) */

.fc-header .fc-state-active a {
/*border-color: #c8c8c8 ; /* outer border */
color: #ffffff;
}

.fc-header .fc-state-down span,
.fc-header .fc-state-active span {
background: #fafafa;
border-color: #fff #f0f0f0 #fafafa ; /* inner border */
color: #333;
font-weight: bold;
position:relative;
top:1px;
padding:0 1px;
}

/* DISABLED button COLORS */

.fc-header .fc-state-disabled a {
color: #333333;
}

.fc-header .fc-state-disabled,
.fc-header .fc-state-disabled a {
border-color: #c5c5c5; /* outer border */
}

.fc-header .fc-state-disabled span {
/*border-color: #ffffff #ffffff #ffffff; /* inner border */
background: #f0f0f0;
}



/* Content Area & Global Cell Styles
------------------------------------------------------------------------*/

.fc-widget-content {
border: 1px solid #ccc; /* outer border color */
}

.fc-content {
clear: both;
}

.fc-content .fc-state-default {
border-style: solid;
border-color: #ccc; /* inner border color */
}

.fc-content .fc-state-highlight { /* today */
background: #fafafa;
}

.fc-content .fc-not-today {
background: none;
}

.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #9cf;
opacity: .2;
filter: alpha(opacity=20); /* for IE */
}

.fc-view { /* prevents dragging outside of widget */
width: 100%;
overflow: hidden;
}



/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
border-style: solid;
border-color: #c9e0e6;    /* default BORDER color (probably the same as background-color) */
background-color: #c9e0e6; /* default BACKGROUND color */
color: #101010;            /* default TEXT color */
}


.importance4,
.fc-agenda .importance4 .fc-event-time,
.importance4 a {
border-style: solid;
border-color: #BFB55C;    /* default BORDER color (probably the same as background-color) */
background-color: #BFB55C; /* default BACKGROUND color */
color: #101010;            /* default TEXT color */
}

.importance3,
.fc-agenda .importance3 .fc-event-time,
.importance3 a {
border-style: solid;
border-color: #D95B44;    /* default BORDER color (probably the same as background-color) */
background-color: #D95B44; /* default BACKGROUND color */
color: #fff;            /* default TEXT color */
}

.importance2,
.fc-agenda .importance2 .fc-event-time,
.importance2 a {
border-style: solid;
border-color: #3DA4B7;    /* default BORDER color (probably the same as background-color) */
background-color: #3DA4B7; /* default BACKGROUND color */
color: #fff;            /* default TEXT color */
}

.importance1,
.fc-agenda .importance1 .fc-event-time,
.importance1 a {
border-style: solid;
border-color: #B2CBD1;    /* default BORDER color (probably the same as background-color) */
background-color: #B2CBD1; /* default BACKGROUND color */
color: #101010;            /* default TEXT color */
}

.importance0,
.fc-agenda .importance0 .fc-event-time,
.importance0 a {
border-style: solid;
border-color: #E2BB4C;   
background-color: #E2BB4C;
color: #101010;         
  }

/* Use the 'className' CalEvent property and the following
* example CSS to change event color on a per-event basis:
*
* .myclass,
* .fc-agenda .myclass .fc-event-time,
* .myclass a {
*    background-color: black;
*    border-color: black;
*    color: red;
*    }
*/


.importance4_100,
.fc-agenda .importance4_100 .fc-event-time,
.importance4_100 a {
border-style: solid;
border-color: #BFB55C;   
background-color: #BFB55C;
color: #101010;           
text-decoration:line-through ;
}

.importance3_100,
.fc-agenda .importance3_100 .fc-event-time,
.importance3_100 a {
border-style: solid;
border-color: #D95B44;   
background-color: #D95B44;
color: #fff;           
text-decoration:line-through ;
}

.importance2_100,
.fc-agenda .importance2_100 .fc-event-time,
.importance2_100 a {
border-style: solid;
border-color: #3DA4B7;   
background-color: #3DA4B7;
color: #fff;           
text-decoration:line-through ;
}

.importance1_100,
.fc-agenda .importance1_100 .fc-event-time,
.importance1_100 a {
border-style: solid;
border-color: #B2CBD1;   
background-color: #B2CBD1;
color: #101010;           
text-decoration:line-through ;
}

.importance0_100,
.fc-agenda .importance0_100 .fc-event-time,
.importance0_100 a {
border-style: solid;
border-color: #E2BB4C;   
background-color: #E2BB4C;
color: #101010;           
text-decoration:line-through ;
  }



.importance4_1,
.fc-agenda .importance4_1 .fc-event-time,
.importance4_1 a {
border-style: solid;
border-color: #a0a0a0;   
background-color: #a0a0a0;
color: #fff;         
}

.importance3_1,
.fc-agenda .importance3_1 .fc-event-time,
.importance3_1 a {
border-style: solid;
border-color: #707070;   
background-color: #707070;
color: #fff;         
}

.importance2_1,
.fc-agenda .importance2_1 .fc-event-time,
.importance2_1 a {
border-style: solid;
border-color: #c8c8c8;   
background-color: #c8c8c8;
color: #333333;         
}

.importance1_1,
.fc-agenda .importance1_1 .fc-event-time,
.importance1_1 a {
border-style: solid;
border-color: #d8d8d8;   
background-color: #d8d8d8;
color: #555555;       
}
.importance0_1,
.fc-agenda .importance0_1 .fc-event-time,
.importance0_1 a {
border-style: solid;
border-color: #d8d8d8;   
background-color: #d8d8d8;
color: #555555;         
  }



.importance4_1_100,
.fc-agenda .importance4_1_100 .fc-event-time,
.importance4_1_100 a {
border-style: solid;
border-color: #a0a0a0;   
background-color: #a0a0a0;
color: #fff;         
text-decoration:line-through ;
}

.importance3_1_100,
.fc-agenda .importance3_1_100 .fc-event-time,
.importance3_1_100 a {
border-style: solid;
border-color: #707070;   
background-color: #707070;
color: #fff;         
text-decoration:line-through ;
}

.importance2_1_100,
.fc-agenda .importance2_1_100 .fc-event-time,
.importance2_1_100 a {
border-style: solid;
border-color: #c8c8c8;   
background-color: #c8c8c8;
color: #333333;       
text-decoration:line-through ;
}

.importance1_1_100,
.fc-agenda .importance1_1_100 .fc-event-time,
.importance1_1_100 a {
border-style: solid;
border-color: #d8d8d8;   
background-color: #d8d8d8;
color: #555555;         
text-decoration:line-through ;
  }

.importance0_1_100,
.fc-agenda .importance0_1_100 .fc-event-time,
.importance0_1_100 a {
border-style: solid;
border-color: #d8d8d8;   
background-color: #d8d8d8;
color: #555555;     
text-decoration:line-through ;
}



.fc-event {
text-align: left;
}

.fc-event a {
overflow: hidden;
font-size: 11px;
text-decoration: none;
cursor: pointer;
}

.fc-event-editable {
cursor: pointer;
}

.fc-event-time,
.fc-event-title {
padding: 0 1px;
}

/* for fake rounded corners */

.fc-event a {
display: block;
position: relative;
width: 100%;
height: 100%;
}

/* right-to-left */

.fc-rtl .fc-event a {
text-align: right;
}

/* resizable */

.fc .ui-resizable-handle {
display: block;
position: absolute;
z-index: 99999;
border: 0 !important; /* important overrides pre jquery ui 1.7 styles */
background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */
}



/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}

.fc-event-hori a {
border-width: 0;
}

/* for fake rounded corners */

.fc-content .fc-corner-left {
margin-left: 1px;
}

.fc-content .fc-corner-left a {
margin-left: -1px;
border-left-width: 1px;
}

.fc-content .fc-corner-right {
margin-right: 1px;
}

.fc-content .fc-corner-right a {
margin-right: -1px;
border-right-width: 1px;
}

/* resizable */

.fc-event-hori .ui-resizable-e {
top: 0          !important; /* importants override pre jquery ui 1.7 styles */
right: -3px      !important;
width: 7px      !important;
height: 100%    !important;
cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
top: 0          !important;
left: -3px      !important;
width: 7px      !important;
height: 100%    !important;
cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}



/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid table {
width: 100%;
}

.fc .fc-grid th {
border-width: 0 0 0 1px;
text-align: center;
}

.fc .fc-grid td {
border-width: 1px 0 0 1px;
}

.fc-grid th.fc-leftmost,
.fc-grid td.fc-leftmost {
border-left: 0;
}

.fc-grid .fc-day-number {
float: right;
padding:0px 4px;
font-size:11px;
}

.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
  might want to set the 'color' property instead
  making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 0; /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time {
font-weight: bold;
}

/* right-to-left */

.fc-rtl .fc-grid {
direction: rtl;
}

.fc-rtl .fc-grid .fc-day-number {
float: left;
}

.fc-rtl .fc-grid .fc-event-time {
float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc .fc-agenda th,
.fc .fc-agenda td {
border-width: 1px 0 0 1px;
}

.fc .fc-agenda .fc-leftmost {
border-left: 0;
}

.fc-agenda tr.fc-first th,
.fc-agenda tr.fc-first td {
border-top: 0;
}

.fc-agenda-head tr.fc-last th {
border-bottom-width: 1px;
}

.fc .fc-agenda-head td,
.fc .fc-agenda-body td {
background: none;
}

.fc-agenda-head th {
text-align: center;
}

/* the time axis running down the left side */

.fc-agenda .fc-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
white-space: nowrap;
text-align: right;
font-weight: normal;
}

/* all-day event cells at top */

.fc-agenda-head tr.fc-all-day th {
height: 25px;
}

.fc-agenda-head td {
padding-bottom: 10px;
}

.fc .fc-divider div {
font-size: 1px; /* for IE6/7 */
height: 2px;
}

.fc .fc-divider .fc-state-default {
background: #eee; /* color for divider between all-day and time-slot events */
}

/* body styles */

.fc .fc-agenda-body td div {
height: 10px; /* slot height */
}

.fc .fc-agenda-body tr.fc-minor th,
.fc .fc-agenda-body tr.fc-minor td {
border-top-style: dotted;
}

.fc-agenda .fc-day-content {
padding: 0px 2px 0; /* distance between events and day edges */
}



/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
border-width: 0 1px;
}

.fc-event-vert a {
border-width: 0;
}

/* for fake rounded corners */

.fc-content .fc-corner-top {
margin-top: 1px;
}

.fc-content .fc-corner-top a {
margin-top: -1px;
border-top-width: 1px;
}

.fc-content .fc-corner-bottom {
margin-bottom: 1px;
}

.fc-content .fc-corner-bottom a {
margin-bottom: -1px;
border-bottom-width: 1px;
}

/* event content */

.fc-event-vert span {
display: block;
position: relative;
z-index: 2;
}

.fc-event-vert span.fc-event-time {
white-space: nowrap;
_white-space: normal;
overflow: hidden;
border: 0;
font-size: 11px;
}

.fc-event-vert span.fc-event-title {
line-height: 13px;
}

.fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .3;
filter: alpha(opacity=30); /* for IE */
}

/* resizable */

.fc-event-vert .ui-resizable-s {
bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
width: 100%      !important;
height: 8px      !important;
line-height: 8px !important;
font-size: 11px  !important;
font-family: tahoma;
text-align: center;
cursor: s-resize;
}