0
Welcome Guest! Login
0 items Join Now

Problem with Grid 960 and sidebar and mainbody

Last Post
Search Topic

  • Problem with Grid 960 and sidebar and mainbody

    Posted 11 years 6 months ago
    • Hi all,

      I am comming here to find some help.

      I am working in my website and i have some dificulties to find a solution of my problem.

      In my gantry framework i have decided to use in mainbody a sidebar left and another sidebar right.but i have a problem when i use it.

      if you go to my website : http://www.voyancia.com/nouveau/index.php?option=com_content&view=article&id=95&Itemid=517 you will find at left of the page a menu and one center all the content.

      Well my problem is that the sidebar left and the mainbody is not respecting my 960px grid with 14px for the gutter. and i dont know what i need to change. I saw this in the code :
      <div class="rt-container">
<div class="rt-grid-8 rt-push-4">
<div class="rt-grid-4 rt-pull-8">


      But in my 960fixe.less i dont know what to need to change.
      To help you i have add all the code of my 960fixe.less

      Thanks you very much for your help.

      Regards

      NetBoy

      /**
* @version   $Id$
* @author     RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
* @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
*/
 
body {
     padding-left: 0;
     padding-right: 0;
     
.rt-grid-1, .rt-grid-2, .rt-grid-3, .rt-grid-4, .rt-grid-5, .rt-grid-6, .rt-grid-7, .rt-grid-8, .rt-grid-9, .rt-grid-10, .rt-grid-11, .rt-grid-12 {
     display:inline;
     float: left;
     position: relative;
     margin-left: 7px;
     margin-right: 7px;
}
 
.rt-push-1, .rt-pull-1,
.rt-push-2, .rt-pull-2,
.rt-push-3, .rt-pull-3,
.rt-push-4, .rt-pull-4,
.rt-push-5, .rt-pull-5,
.rt-push-6, .rt-pull-6,
.rt-push-7, .rt-pull-7,
.rt-push-8, .rt-pull-8,
.rt-push-9, .rt-pull-9,
.rt-push-10, .rt-pull-10,
.rt-push-11, .rt-pull-11,
.rt-push-12, .rt-pull-12 {
     position:relative;
}
 
     #rt-page-surround {
          overflow: visible;
     }
 
     /* Grid Layout */
     .rt-container {
          width: 960px;
          .rt-grid-1 {
               width: 66px;
          }
          .rt-grid-2 {
               width: 146px;
          }
          .rt-grid-3 {
               width: 226px;
          }
          .rt-grid-4 {
               width: 306px;
          }
          .rt-grid-5 {
               width: 386px;
          }
          .rt-grid-6 {
               width: 466px;
          }
          .rt-grid-7 {
               width: 546px;
          }
          .rt-grid-8 {
               width: 626px;
          }
          .rt-grid-9 {
               width: 706px;
          }
          .rt-grid-10 {
               width: 786px;
          }
          .rt-grid-11 {
               width: 866px;
          }
          .rt-grid-12 {
               width: 946px;
          }
 
          .rt-push-1 {
               left: 66px;
          }
          .rt-push-2 {
               left: 146px;
          }
          .rt-push-3 {
               left: 226px;
          }
          .rt-push-4 {
               left: 306px;
          }
          .rt-push-5 {
               left: 386px;
          }
          .rt-push-6 {
               left: 466px;
          }
          .rt-push-7 {
               left: 546px;
          }
          .rt-push-8 {
               left: 626px;
          }
          .rt-push-9 {
               left: 706px;
          }
          .rt-push-10 {
               left: 786px;
          }
          .rt-push-11 {
               left: 866px;
          }
 
          .rt-pull-1 {
               left: -66px;
          }
          .rt-pull-2 {
               left: -146px;
          }
          .rt-pull-3 {
               left: -226px;
          }
          .rt-pull-4 {
               left: -306px;
          }
          .rt-pull-5 {
               left: -386px;
          }
          .rt-pull-6 {
               left: -466px;
          }
          .rt-pull-7 {
               left: -546px;
          }
          .rt-pull-8 {
               left: -626px;
          }
          .rt-pull-9 {
               left: -706px;
          }
          .rt-pull-10 {
               left: -786px;
          }
          .rt-pull-11 {
               left: -866px;
          }
 
          .rt-prefix-1 {
               padding-left: 66px;
          }
          .rt-prefix-2 {
               padding-left: 146px;
          }
          .rt-prefix-3 {
               padding-left: 226px;
          }
          .rt-prefix-4 {
               padding-left: 306px;
          }
          .rt-prefix-5 {
               padding-left: 386px;
          }
          .rt-prefix-6 {
               padding-left: 466px;
          }
          .rt-prefix-7 {
               padding-left: 546px;
          }
          .rt-prefix-8 {
               padding-left: 626px;
          }
          .rt-prefix-9 {
               padding-left: 706px;
          }
          .rt-prefix-10 {
               padding-left: 786px;
          }
          .rt-prefix-11 {
               padding-left: 866px;
          }
          
     }
}
 
#rt-sidebar-a > div.rt-block,
#rt-sidebar-b > div.rt-block,
#rt-sidebar-c > div.rt-block {
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}
 
 
body .rt-container [class*="rt-grid"] {
     display: inline;
     float: left;
}
 
.rt-menu-mobile {
     display: none !important;
}
    #1027161
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Problem with Grid 960 and sidebar and mainbody

    Posted 11 years 6 months ago
    • Gantry is using the two position layout as you only appear to have a module published in the sidebar-a and content in mainbody - nothing appears to be published to sidebar-b?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1027294

Time to create page: 0.070 seconds