Page 1 of 3 123 LastLast
Results 1 to 10 of 27
  1. #1
    Join Date
    Nov 2009
    Posts
    16
    Plugin Contributions
    0

    application error how to adjust center column width?

    Hi, the center column on my front page doesn't seem to be going to 100%.

    Here is an example:

    http://www.rc-helicop.us/store

    As you can see, there is a large white space on two side.I have tried forcing it to 100% within the stylesheet.css file:

    #contentMainWrapper {
    float:left;
    line-height:1.6em;
    margin-right:1%;
    padding:0pt 2%;
    text-align:left;
    width:100%;

    margin-top:3px;}

    ..to no avail. I've disabled all right columns in my site. I'm sure that I'm missing something simple or there is something overriding my settings. Please help.

    Thanks

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: how to adjust center column width?

    The problem is that the left column container (#navColumnOne) is taking up too much width. What is really strange is that there is no property in that or its content (#navColumnOneWrapper) that would force it to expand beyond its specified 178px.

  3. #3
    Join Date
    Nov 2009
    Posts
    16
    Plugin Contributions
    0

    Default Re: how to adjust center column width?

    Thanks, but how can this problem be fixed, it really harass me

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: how to adjust center column width?

    If you are talking about the overall site width, #contentMainWrapper is enclosed in #mainWrapper, inside .dc, inside .dr, inside .dt.main ; any one of those could be limiting the width.

  5. #5
    Join Date
    Nov 2009
    Posts
    16
    Plugin Contributions
    0

    Default Re: how to adjust center column width?

    Hi, i have added width=100% at all sections under #contentMainWrapper but it doesn't work........

    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    width:100%
    }
    #contentMainWrapper {
    float:left;
    line-height:1.6em;
    margin-right:1%;
    padding:0pt 2%;
    text-align:left;
    width:100%;

    margin-top:3px;}

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    width:100%
    margin: auto;

    }

    #tagline {
    color:#000000;
    font-size: 2em;
    text-align : center;
    vertical-align: middle;
    width: 10px;
    }

    #sendSpendWrapper {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }

    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    margin: 0;
    width:95%
    }

    .wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

  6. #6
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: how to adjust center column width?

    I've disabled all right columns in my site.

    You may have turned off right sideboxes, but your right column is still active. Turn it off in Configuration > Layout Settings > Column Right - Status.

    View source shows:
    <td id="navColumnOne" class="columnLeft" valign="top" style="width: 178px;">
    </td>
    <td width="3">
    </td>
    <td width="378" valign="top">

    This is trying to force the center column to be only 378px wide.

  7. #7
    Join Date
    Nov 2009
    Posts
    16
    Plugin Contributions
    0

    Default Re: how to adjust center column width?

    gjh42 thanks for keep providing solutions, i did tried your suggestion, but it didn't work out, please see below

    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    width:100%
    }
    #contentMainWrapper {
    float:left;
    line-height:1.6em;
    margin-right:1%;
    padding:0pt 2%;
    text-align:left;
    width:100%;

    margin-top:3px;}

    #navColumnOneWrapper,{
    width="378px"

    }

    #navColumnTwoWrapper, #mainWrapper {
    margin: auto;


    }

  8. #8
    Join Date
    Nov 2009
    Posts
    16
    Plugin Contributions
    0

    Default Re: how to adjust center column width?

    Regarding the left and right column:

    /*list box contents*/
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
    width:100%
    margin: 1em 0em;
    }

    /*sideboxes*/
    .columnLeft {width: 178px}
    .columnRight {width: 0px}

  9. #9
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: how to adjust center column width?

    This rule has two errors that will prevent it from working:
    Code:
    #navColumnOneWrapper,{
    width="378px"
    
    }
    Remove the comma after the selector, and change the form of the width property:
    Code:
    #navColumnOneWrapper {
    width: 378px;
    
    }

  10. #10
    Join Date
    Nov 2009
    Posts
    16
    Plugin Contributions
    0

    Default Re: how to adjust center column width?

    it doesn't have effects, please see my website below

    http://www.rc-helicop.us/store

 

 
Page 1 of 3 123 LastLast

Similar Threads

  1. adjust height of center column independently of one another
    By adem.i in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 14 Aug 2011, 06:13 AM
  2. How to adjust center column width?
    By anqus11 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 4 Dec 2010, 08:00 AM
  3. help! how to adjust center column width?!
    By paulchui in forum Basic Configuration
    Replies: 6
    Last Post: 10 Nov 2009, 10:56 AM
  4. How to ajust the width of center column?
    By liya in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 8 Mar 2007, 09:02 AM
  5. How to Adjust sub-Category column width
    By BekahRuth in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 28 Feb 2007, 08:52 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR