Guest Posted February 2, 2008 Share Posted February 2, 2008 Can someone help me centered this box, please. Thank You. I want it to be even with the left column and I don't want the box to go down when I add news in the homepage. http://img208.imageshack.us/img208/8081/87792485pe3.jpg layout.css body { margin: 5px; /* background-color: #062e81;*/ background-attachment: scroll; background-image: url(../styleImages/backgrounds/pageBg.gif); background-repeat: repeat; background-position: top; } #pageSurround { width: 748px; margin: 0px auto; padding: 5px; border: 1px solid #002751; background-color: #FFFFFF; /* SKIN VARIABLE IS cAsE SeNsItIvE */ background-image: url(../styleImages/logo/default_blank.gif); background-repeat: no-repeat; background-position: 0px 0px; } #topHeader { text-align: right; height: 105px; margin-bottom: 20px; padding-right: 0px; padding-top: 68px; } .boxTitleLeft, .boxTitleRight { color: #FFFFFF; background-color: #031074; background-image: url(../styleImages/backgrounds/boxTitleBg.gif); height: 15px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-left: 5px; } .boxContentLeft, .boxContentRight { border: 1px solid #000000; background-color: #EBEDFE; padding-left: 5px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 5px; } .colMid { position: relative; width: 580px; float: left; } .colRight { position: relative; width: 160px; padding-left: 0px; right: 0px; padding-top: 20px; float: right; } .colLeft { position: relative; width: 160px; padding-left: 0px; left: 0px; float: left; } .boxContent { border: 1px solid #FFFFFF; padding: 3px; color: #333333; margin-bottom: 20px; margin-top: 20px; } /**LEFT COLUMN SIDE BOXES *************************/ .LeftBox { margin: 0 0 5px 0; padding: 0 0 2px 0; width:185px; } .LeftBox a { color: #FFFFFF; text-decoration:none; } .LeftBox a:hover { color: #ffad00; text-decoration:none; } /**LEFT COLUMN - MAILING LIST *******************************/ .LeftBox.border { border-top:1px dotted #FFFFFF; padding-top:5px; color:#FFFFFF; background: #3AB0D6; } /**LEFT COLUMN - INFORMATION BOX **********************************/ .LeftBox p#nudge { margin:0 0 0 10px; color: #FFFFFF; background: #3AB0D6; } /* CHECKOUT PAGES */ .colRightCheckout { position: relative; left: 0px; width: 160px; padding-left: 15px; padding-right: 5px; float: left; } .colMainCheckout { position: relative; width: 568px; float: left; } /* END CHECK OUT PAGES */ .siteDocs { text-align:center; margin-top: 12px; } .pagination { text-align: right; padding-top: 5px; padding-bottom: 5px; } #subCats { text-align:justify; background-color: #EBEDFE; text-align: center; border: 1px solid #C9CEFC; margin: 0px; padding: 3px; float: left; width: 387px; } .subCat { text-align: center; padding: 8px; float: left; width: 110px; height: 50px; } .regSep{ padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #imgThumbSpace{ line-height: 0px; } #imgThumbSpace img { padding-right: 3px; padding-bottom: 3px; } div.latestProds { text-align: center; width: 131px; height: 100px; float: left; overflow: hidden; } /* Start Cross-Browser DHTML Menu */ #mainmenu-nav { list-style: none; list-style-type: none; width: 158px; padding: 0px; margin: 0px; z-index: } .li-nav a { padding: 2px 1px; background-color: #EBEDFE; width: 148px; display: block; text-indent: 2px; color: #070F72; text-decoration: none; margin: 0px; } .li-nav a:hover { background-color: #FFFFFF; color: #FF6600; } .ul-nav, .li-nav { display: block; list-style: none; } .ul-nav { width: 150px; padding: 0px; } .li-nav { float: left; } .li-nav .ul-nav { display: none; position: absolute; margin-left: 100px; margin-top: -19px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-top: 4px solid #0858B6; z-index: 99; } a.hassubmenu { background-image: url(../styleImages/more.gif); background-repeat: no-repeat; background-position: 143px 6px; } /* End Cross-Browser DHTML Menu */ Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.