Forums / Templates, Stylesheets, Page Layout / Vertical alignment of boxes

Vertical alignment of boxes

Locked

Views: 1,051

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
3 Mar 2008, 12:01 AM
#1
geolab avatar

geolab

New Zenner

Join Date:
Feb 2008
Posts:
12
Plugin Contributions:
0

Vertical alignment of boxes

Apologies - I have tried to search with many different options but still can't find an answer.

My centre box (New Products For March) is not vertically aligned with the side boxes. I have taken everything out of define_main_page, switched off breadcrumbs, taken out the text Congratulations from the appropriate file but still the centre box is not vertically aligned.

Tried going through the .css but didn't find anything there.

I presume, although I have taken out the words, there is still some spacing?

This must be a common problem and easy to fix - I hope?

Thanks in advance for your help.

To see the problem: http://celticcairn.com/shop/

Mark

3 Mar 2008, 2:30 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Vertical alignment of boxes

I dislike negative values in margins but this will acheive what you seek

Find these tags in your stylesheet.css file and seperate/add to resemble this:

.centerBoxWrapper {
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 0em 0;
        }

.centerColumn {
        margin-top: -5px;
	padding: 0em 0.8em;
	}

#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0.8em;
	}

Zen-Venom Get Bitten