Remove space on left side of Left Side Box

I did some research but I can't find a solution. I'm trying to remove the white space on the left side of the left side box on this site: https://www.creativesportsart.com

Thanks

You might look in Admin/Configuration/Layout Settings and see what the settings are for Column Width - Left Boxes and
Column Width - Left

Find these two rules in your stylesheet:

#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}

.leftBoxContainer {
	margin: 0.3em;
	border: 0px solid #CCCCCC;
	border-bottom: 0px solid #FF0000;
	border-right: 1px solid #996633;
	margin-top: 0em;
	background-color: #CC9966;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
		}

They aren't actually next to each other. It is the margins that are messing you up.

niccol:

Find these two rules in your stylesheet:

#navColumnOneWrapper, #navColumnTwoWrapper {
margin-left: 0.5em;
margin-right: 0.5em;
}

.leftBoxContainer {
margin: 0.3em;
border: 0px solid #CCCCCC;
border-bottom: 0px solid #FF0000;
border-right: 1px solid #996633;
margin-top: 0em;
background-color: #CC9966;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}

> 
> They aren't actually next to each other.  It is the margins that are messing you up.

Thank you... I knew it were the margins but just didn't know where to find them. Your response did the trick!

I really recommend using the ' firefox / firebug /web developer toolbar ' combo for finding out this king of stuff:smile:

.leftBoxContainer {
	margin: 0.3em;
	border: 0px solid #CCCCCC;
	border-bottom: 0px solid #FF0000;
	border-right: 1px solid #996633
                margin-top: 0em;
  [B]margin-right: 0,9em;[/B]
	background-color: #CC9966;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
		}

One poblem though. When I've changed the margins it did not leave a space on the right side of the left column. I added the above to the style sheet and it works great in Windows XP but has no effect in Vista!

Any ideas?

Well, as Tshooters said the overall width of the column and the width of the sideboxes is set in admin - so you need to adjust them. There probably is not enough room in the column to display the right margin that you are specifying.

niccol:

Well, as Tshooters said the overall width of the column and the width of the sideboxes is set in admin - so you need to adjust them. There probably is not enough room in the column to display the right margin that you are specifying.

Thanks, but if I adjust the left column's size, the main context moves with the adjustment and doesn't leave a space. I think this is an IE problem.

Maybe.

But in admin you can adjust the size of the column AND the size of the sidebox inside it. Set the size of the column 20px bigger than the size of the sidebox and that gives you a right margin.

niccol:

Maybe.

But in admin you can adjust the size of the column AND the size of the sidebox inside it. Set the size of the column 20px bigger than the size of the sidebox and that gives you a right margin.

Thank you but I want to add a space between the entire sidebox and the center context. Windows XP does that but not Vista... so that's why assume it must be a IE problem.

Questions:

which versions of IE are you running on the different machines? It is possible that it is a vista/xp issue but not likely in itself.
.
The 'IE' issue is likely to be an issue of how the browsers fit in too much stuff into a containing element. Different browsers do treat this differently.The usual way to standardise it is to not try to fit too much into the space. Then the browsers have a chance of rendering the page the way you want.

So, how wide is your left column? (admin>>configuration>>layour settings>>Column Width - Left)

How wide is your left sidebox?
(admin>>configuration>>layour settings>>Column Width - Left Boxes)

Thank you. I've tried the settings in Admin and it helped! :smile: