Jump to content

Help Centering The Boxes


Guest

Recommended Posts

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

*/

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...