Jump to content

Template width


Recommended Posts

Hi,
I have a problem with template width changing. I tried to change almost everything but i didint found a rigtht solution.
When i am trying to change width: 980px to larger width, the all website is going left. Maybe someone have solution to mo problem. I would really apriceate for you help

/* global layout */
#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}
#header_logo {
   float: left;
   width: 264px;
   display:block
}
img.logo {
   float: left;
   margin-top: 0.5em;
   font-size: 2em;
   font-weight: bold
}
#header_right {
   float: left;
   margin-bottom: 15px;
   width: 73%;
   text-align: right
}
#left_column, #center_column, #right_column { float: left }
#left_column {
   clear: left;
   margin-right: 12px;
   overflow: hidden;
   width: 199px;
}
#center_column {
   width: 556px;
   margin: 0 0 30px 0;
   overflow: hidden
}
#old_center_column { display: none }

.ac_results_instant {
   display: none;
   visibility: hidden
}
#instant_search_results a.close {
   background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;
   float: right;
   margin-right: 7px;
   padding-right: 21px;
   text-transform: none
}
#right_column {
   width: 199px;
   margin-left: 12px;
   overflow: hidden
}

/* global RTE fields */
.rte,
.mceContentBody {
   text-align: left;
   background: white;
   color: black
}
body.mceContentBody {
   margin: 9px 6px;
   width: 556px
}
.rte html,.rte div,.rte span,.rte applet,.rte object,.rte iframe,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte blockquote,.rte pre,.rte a,.rte abbr,.rte acronym,.rte address,.rte big,.rte cite,.rte code,.rte del, .rte dfn, .rte em,.rte font,.rte img,.rte ins,.rte kbd,.rte q,.rte s,.rte samp,.rte small,.rte strike,.rte strong,.rte sub,.rte sup,.rte tt,.rte var,.rte dl,.rte dt,.rte dd,.rte ol,.rte ul,.rte li,.rte fieldset,.rte form,.rte label,.rte legend,.rte table,.rte caption,.rte tbody,.rte tfoot,.rte thead,.rte tr, .rte th,.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline
}
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,
.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
   margin: 0.75em 0 0.3em 0;
   color: #374853
}
.rte h1,
.mceContentBody h1 {
   font-size: 25px;
   font-weight: bold
}
.rte h2,
.mceContentBody h2 {
   font-size: 20px;
   background: none;
   text-transform: none;
   height: auto
}
.rte h3, .mceContentBody h3 { font-size: 16px }
.rte h4, .mceContentBody h4 { font-size: 14px }
.rte h5,.mceContentBody h5 { font-size: 12px }
.rte h6, div.rte h6 { font-size: 8px }
.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }
.rte ul, .mceContentBody ul {
   list-style-type: square;
   margin-left: 10px
}
.rte strong, .mceContentBody strong { font-weight: bold }
.rte em, .mceContentBody em { font-style: italic }

/* tables still need 'cellspacing="0"' in the markup */
.rte table,.mceContentBody table {
   border-collapse: separate;
   border-spacing: 1px;
   width: auto
}
.rte caption, .rte th, .rte td, .rte table,
.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {
   text-align: left;
   font-weight: normal;
   background: none;
   height: inherit;
   border: 1px #e5e6e7 solid;
   text-align: center
}
.rte th, .mceContentBody th {
   padding-left: 1em;
   padding-right: 1em;
   background: #e5e6e7
}
#center_column .rte p, 
.mceContentBody p { padding-left: 0; margin: 0.5em 0 }
.rte ol, .mceContentBody ol {
   list-style-type: decimal;
   margin-left: 10px
} 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...