when viewing CCK admin settings such as 'display settings', there is no 'overflow' scroll bar. The following code is the reason:

/*
** Page layout blocks / IDs
*/

.main-container{
	width:895px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/grey-left.jpg) no-repeat left top;
	padding-left:30px;
	overflow:auto;
	overflow:hidden;
}

This "should" be:

/*
** Page layout blocks / IDs
*/

.main-container{
	width:895px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/grey-left.jpg) no-repeat left top;
	padding-left:30px;
	overflow:auto;
}

with the overflow:hidden; removed.

Comments

philsward’s picture

philsward CreditAttribution: philsward commented

In doing some digging, by removing the "overflow:hidden", creates an overflow an all pages for the main container. It fixes one problem and creates another. I haven't looked into it further, but from what I can tell, the entire .main-container & .container properties need to be re-worked a bit...

info@zrix.com’s picture

info@zrix.com CreditAttribution: info@zrix.com commented

Please put a div outside of <div class="main-container">...</div> with class="outer-container" so that it will look like this:

Code structure before putting div with class="outer-container"

<body>

  <div class="main-container">
    <div class="container">..........</div>
  </div>

  <div class="footer">
    <div class="footer-info">..........</div>
  </div>

</body>

Code structure after putting div with class="outer-container" outside <div class="main-container">...</div>

<body>

  <div class="outer-container">
    <div class="main-container">
      <div class="container">..........</div>
    </div>
  </div>

  <div class="footer">
    <div class="footer-info">..........</div>
  </div>

</body>

Now in your style.css please remove overflow:hidden and add float:left, so that it looks like this:

.main-container{
width:895px;
margin-left:auto;
margin-right:auto;
background:url(images/grey-left.jpg) no-repeat left top;
padding-left:30px;
overflow:auto;
float:left;
}

and add this class in your stylesheet
.outer-container{
margin:auto;
width:895px;
}