Forums / Templates, Stylesheets, Page Layout / Extra space at top of home page

Extra space at top of home page

Locked

Started by paperdragon on 29 Oct 2009, 12:56 AM · Views: 1,611

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
29 Oct 2009, 12:56 AM
#1
paperdragon avatar

paperdragon

New Zenner

Join Date:
Oct 2009
Posts:
6
Plugin Contributions:
0

Extra space at top of home page

I've just installed Zen Cart and did some major tweaking to the CSS to try to simulate the layout of my wiki. I'm really close, but I have way too much dead space at the top and can't figure out how to get rid of it.

The wiki is at http://vuas.net , the cart is at http://vuas.net/vuasstore/

Any help would be appreciated.

29 Oct 2009, 1:37 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Extra space at top of home page

In your stylesheet, add a margin-top to #contentMainWrapper:```
#contentMainWrapper{
background-image: none;
background-repeat: none;
background-color: #cccccc;
height: 0px;
margin-top: -100px;
}

29 Oct 2009, 1:47 AM
#3
paperdragon avatar

paperdragon

New Zenner

Join Date:
Oct 2009
Posts:
6
Plugin Contributions:
0

Re: Extra space at top of home page

A negative margin. Brilliant. I didn't know I could just subtract...

One last thing - still space at the very top. Compare the two sites and you'll see what I mean.

I could lose the stuff up there if I install the login sidebar mod, so that's not a problem. I just need to know how to get rid of that stuff.

29 Oct 2009, 1:58 AM
#4
paperdragon avatar

paperdragon

New Zenner

Join Date:
Oct 2009
Posts:
6
Plugin Contributions:
0

Re: Extra space at top of home page

Unfortunately this solution caused a problem on some other pages, like here:

http://vuas.net/vuasstore/index.php?main_page=shippinginfo

Is there a way to make the sideboxes adjust independently from the main content box?

29 Oct 2009, 4:11 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Extra space at top of home page

#navColumnOne {
padding-left:none;
padding-top: 130px;
}



#contentMainWrapper{
	background-image: none;
	background-repeat: none;
	background-color: #cccccc;
height: 0px;
	margin-top: -130px;
	}
```If there are other individual elements that have padding/margin for this location, remove that so one rule can cover all situations.
29 Oct 2009, 11:09 AM
#6
paperdragon avatar

paperdragon

New Zenner

Join Date:
Oct 2009
Posts:
6
Plugin Contributions:
0

Re: Extra space at top of home page

Much better, thanks. There's still one little problem, though. When the pages get long navColumnOne moves down too far. See the contact page for an example

http://vuas.net/vuasstore/index.php?main_page=contact_us

Is there a way to make it a fixed height?

29 Oct 2009, 2:26 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Extra space at top of home page

Add vertical-align: top; to #navColumnOne```
#navColumnOne {
padding-left:none;
padding-top: 150px;
vertical-align: top;
}

The stock stylesheet has```
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}
```but yours has```
/*The main content classes*/

#contentColumnMain,  #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert 

{	vertical-align: top;
	}
29 Oct 2009, 6:38 PM
#8
paperdragon avatar

paperdragon

New Zenner

Join Date:
Oct 2009
Posts:
6
Plugin Contributions:
0

Re: Extra space at top of home page

Worked like a charm. Thanks.

Did a little tweaking as far as positions, and now it's all right where I need it.

Thanks again.