Sideboxes in the center...

[jasonchaste]

Hi,


Can anybody tell me how to make my side boxes stay at the top of may page, instead of centering themselves in the middle of my main page?

Thanks

[haredo]

Jason,
Url please, so I can look at your sites problem..

[haredo]

Jason,
This should do the trick:
create a new stylesheet called stylesheet_new49
Place in includes/templates/your template/css/

Now since the stylesheet are outputted by order this will be the last in order. If you like the results you should know what to do. If need any more help just post here.

I cleaned up your stylesheet just a bit.
Enjoy...........

BODY {
background-image: url('http://www.4916.com/shop/images/');
color: #000000;
margin-bottom: 10px;
padding: 0px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 14px;
font-family: Arial;
margin: 0em;
}

.centershop {
background-image: url('http://www.4916.com/shop/images/');
color: #000000;
padding: 0px;
margin: auto;
position: relative;
text-align: left;
width: 750px !important;
}

TD.main, P.main {
font-size: 8px;
line-height: 1.5;
}

A {
color: #000000;
text-decoration: none;
}

A:hover {
color: #000000;
text-decoration: none;
}

FORM {
display: inline;
}

.banners {
padding: 15px;
}

/*HEADER CSS*/

TABLE.header {
background-color: #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff
}

TABLE.headerNavigation {
background-color: ffffff#;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
width: 100% !important
}

TD.headerNavigation {
position: relative;
vertical-align: middle;
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #000000;
letter-spacing: 1px;
padding: 5px;
}

TD.breadCrumb {
font-size: 10px;
font-weight: bold;
color: #000000;
padding: 3px;
border-bottom: 1px dotted #ffffff;
}

TD.headerNavigation A, TD.headerNavigation A:visited, td.footertop a {
font-weight: bold;
color: #000000;
}

TD.headerNavigation A:hover, td.footertop a:hover {
color: #ffffff;
}

TR.headerError {
background: #ffffff;
}

TD.headerError {
font-family: Arial Black;
font-size: 10px;
background: #ffffff;
color: #000000;
font-weight: bold;
text-align: center;
}

TR.headerInfo {
background: #ffffff;
}

TD.headerInfo {
font-family: Arial Black;
font-size: 10px;
background: #000000;
color: #000000;
font-weight: bold;
text-align: center;
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}

/*SIDEBOX CSS*/

#navColumnOne {margin-top: 0em;}

.columnLeft, .columnRight {
background: #ffffff;
margin-top: 0em;
padding: 2px;
}

.boxText {
font-size: 10px;
line-height: 125%;
}
.leftbox, .rightbox, .centerbox, .singlebox {
font-family: Arial Black;
font-size: 10px;
background: #ffffff;
border: 1px solid #ffffff;
margin-bottom: 15px;
}

.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
font-family: Arial Black;
font-size: 12px;
background: #ffffff;
border: 1px solid #ffffff;
color: #000000;
margin-bottom: 0px;
padding: 3px;
height: 10px;
padding-left: 5px;

}

td.leftboxheading a, td.rightboxheading a, td.centerboxheading a, td.singleboxheading a {
color: #000000;
}

TR.leftboxheading, TR.rightboxheading, TR.centerboxheading, TR.singleboxheading {
background: #ffffff;
}

.leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
line-height: 125%;
padding: 4px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

.leftboxfooter, .rightboxfooter, .centerboxfooter, .singleboxfooter {
background-color: #ffffff;
margin-bottom: 15px
}

.plainBox, .plainbox-description {
font-family: Arila Black;
font-size: 12px;
background: #000000;
border: 1px solid #ffffff;
padding: 5px;
}

.plainBoxHeading, TD.tableHeading {
font-size: 12px;
font-weight: bold;
padding: 0px 5px 5px;
}

.productListing-heading {
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding: 3px;
height: 20px;
}

TD.productlisting {
border:1px solid #ffffff;

}

TD.productlisting {
border: 1px solid #ffffff;
}

TD.productListing-data {
font-size: 10px;
padding: 5px;
}

/*center main section
-----------------------------------*/
TD.pageHeading, DIV.pageHeading, h1 {
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding-top: 11px;
}

.center_column {
padding: 8px;
}

.main_page {
width: 750px !important;
background-color: #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #000000;
padding: 5px;
}

/* footer
--------------*/

TABLE.footer {
background: #ffffff;
text-align: center;
font-size: 10px;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

TR.footertop {
background: #ffffff url('none');
font-size: 11px;
background-image: url('none')
}

TD.footertop, TD.footerbottom {
padding: 5px;
}

/*miscellaneous areas
-------------------------------------*/
TD.cartBox {
background: #000000;
font-size: 12px;
padding: 3px;
border: 1px dotted #000000;
}

TR.productListing-odd, TR.upcomingProducts-odd {
background: #ffffff;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
background: #ffffff;
}

TD.productListing-data-description-odd {
background: #000000;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #000000;
}

TD.productListing-data-description-even {
background: #000000;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #000000;
}

td.pageresults a {
color: #000000;
}

td.pageresults a:hover {
background: #000000;
}

SPAN.newItemInCart {
color: #ffffff;
font-weight: bold;
}

TD.smallText, SPAN.smallText, P.smallText, td.pageresults{
font-size: 8px;
}

TD.fieldKey {
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-size: 12px;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-size: 12px;
}

.greetUser {
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

SPAN.greetUser {
color: #000000;
font-weight: bold;
}

SPAN.markProductOutOfStock {
color: #000000;
font: bold 12px Impact;
}

span.normalprice {
text-decoration: line-through;
}

SPAN.productSpecialPrice, SPAN.productSalePrice, .stockWarning, span.coming {
color: #000000;
}

span.productSpecialPriceSale {
color: #000000;
text-decoration: line-through;
}

SPAN.productPriceDiscount, .inputRequirement {
font-size: 12px;
color: #000000;
}

.moduleRow { }

.moduleRowOver {
background-color: #D7E9F7;
cursor: pointer;
}

.moduleRowSelected {
background-color: #E9F4FC;
}

/* message box */

.messageBox {}

.messageStackError, .messageStackWarning, errorBox {
background-color: #000000;
color: #000000;
font-size: 8px;
padding: 4px;
border: 1px solid #000000;
}

.messageStackSuccess {
background-color: #b3ffa8;
padding: 2px;
border: 1px solid #9a9a9a;
}

.messageStackCaution {
font-family: Impact: 10px;
background-color: #ffff00;
}

/* checkout totals */
TD.ot-subtotal-Text, TD.ot-cod-fee-Text, TD.ot-total-Text, TD.ot-group-pricing-Text, TD.ot-gv-Text, TD.ot-loworderfee-Text, TD.ot-shipping-Text, TD.ot-subtotal-Text, TD.ot-tax-Text, TD.ot-coupon-Text {
font-weight: bold;
}

TD.ot-total-Amount {
font-weight: bold;
border-top: 1px solid #000000;
}

TD.ot-subtotal-Amount, TD.ot-cod-fee-Amount, TD.ot-group-pricing-Amount, TD.ot-gv-Amount, TD.ot-loworderfee-Amount, TD.ot-shipping-Amount, TD.ot-subtotal-Amount, TD.ot-tax-Amount, TD.ot-coupon-Amount {}


/* product_info attribute comments */

.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
color: #000000;
font-size: 12px;
text-align: left;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
border-top: 1px solid #000000;
}

/* General alert span class */

TD.alert, SPAN.alert {
color: #000000;
font-weight: bold;
}

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
color: #000000;
font-weight: bold;
}

/* popup tables */
TABLE.popupattributeqty, TABLE.popupcouponhelp, TABLE.popupcvvhelp, TABLE.popupimage, TABLE.popupimageadditional, TABLE.popupsearchhelp, TABLE.popupshippingestimator, TABLE.popupinfoshoppingcart {
background-color: #000000;
margin: 6px;
padding: 6px;
font: 10px Verdana, Arial, sans-serif;
}

/* categories_description */
TABLE.categoriesdescription {
font-family: Impact;
font-size: 10px;
background: #000000;
border:1px solid #000000;
}

TD.categoriesdescription {
font-size: 10px;
line-height: 1.0;
}

/* categories box parent and child categories */
A.category-top {
color: #000000;
text-decoration: none;
}

A.category-links {
color: #000000;
text-decoration: none;
}

A.category-subs, A.category-products {
color: #000000;
text-decoration: none;
}

SPAN.category-subs-parent {
font-weight: bold;
}

SPAN.category-subs-selected {
font-weight: bold;
}

/* attribute images table */
TABLE.products-attributes-images {
/* width: 100%; */
/* border: 1px solid #000000; */
float: left;
padding: 2px;
}