Shopping Cart Sidebox Won't Reposition

[pensive612]

The shopping cart sidebox on my page seems to not reposition depending the amount of other boxes.

In other words, if other side boxes appear on the page, they appear on top of the Shopping Cart sidebox. Instead of moving below the Shopping Cart box.

Please, if anyone has any ideas, they would be greatly appreciated...

again, the link is pensativa.com/store

there a couple of fake products on the page to add quickly...


and i would be happy to share any parts of the css or php code, just not sure where to begin.


Thank you.

[Kim]

What is the sort order you have for the sideboxes in your Admin> Tools> Layout Boxes Controller?

[pensive612]

Kim,

Thanks for getting back to me.

The sort orders are default. (I believe it is 30)

I have switched the cart to both sides and it has the same behavior. And i have tried Firefox and Safari. Still the same...

[pensive612]

I know I'm getting close. It has to do with the .rightboxContainer I had to create to give margins and the container border on the boxes on the right side.

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1em;
	color: #000000;
	}

.leftBoxHeading, .centerBoxHeading {
	margin: 0em;
	background-color: #FF6699;
	padding: 0.4em 0.2em;
	background-image: url(../images/tile_back.jpg);
	border-bottom: 1px solid #000000;
	}

.centerBoxHeading {
    border-top: 1px solid #000000;
	}
	
	
.leftBoxContainer {
	border: 1px solid #000000;
	margin-bottom: 1.5em;
	}

.rightBoxContainer {
	border: 1px solid #000000;
	margin-bottom: 1.5em;
	}

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1em;
	color: #000000;
	}

.rightBoxHeading {
	margin: 0em;
	background-color: #663366;
	padding: 0.25em 0.4em;
	background-image: url(../images/tile_back.jpg);
	border-bottom: 1px solid #000000;
	}

h3.leftBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 

h3.rightBoxHeading a:hover {
	color: #FF0000;
	text-decoration: none;
	}

.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 0.4em;
	}

I considered that to be CSS improv until I searched and found others have used it, and seemed to work fine. I must have a conflict somewhere. just can't seem to find it where it would be.

[pensive612]

In other words, .rightBoxContainer seems to work perfect for all boxes except Shopping Cart. which i'm sure has to be an error on my part. i just can't seem to figure out where...