X-Cart forums - excess top padding kickin my butt

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - excess top padding kickin my butt (https://forum.x-cart.com/showthread.php?t=28336)

excess top padding kickin my butt

ive got some stuff layed out the way i want it.

but then when i go to view the cart, the spacing at the top doesnt match the rest of the store, and its throwing everything off layout wise. Here are some screenshots of whats wrong.

anybody know where in the css sets the top padding on the cart? I am using websiteCM ez-checkout if that matters.

Here is the normal spacing, I am referring to the black portion at the top
http://www.mdlmaintenance.com/images/spacing-ok.jpg

And here is the bad spacing in the cart, I have the search bar positioned absolute because it seems to work best with varied screen resolutions, so you can see how its throwing it out of wack.
http://www.mdlmaintenance.com/images/spacing-bad.jpg

Re: excess top padding kickin my butt

Probably the topmargin setting on the <body> tag in the EZ checkout home template.

Re: excess top padding kickin my butt

This is the body tag in the ez-checkout home.tpl

Code:

<body{if $smarty.get.mode eq "checkout" && $smarty.get.paymentid ne ""} onload="showPanel(document.getElementById('tab1'), 'wcm_panel1');"{/if}>

Then this is the style.css in the same directory

Code:

a.wcm_tab { 

    border-collapse: collapse; 

    border-style: solid solid solid solid;  

    border-color: black; 

    border-width: 1px 1px 1px 1px; 

    background-color: silver; 

    padding: 4px 10px 4px 10px; 

    margin-top: 4px;

    text-decoration: none;

}

.wcm_panel { background-color: white; padding: 25px 0px 0px 0px; }

td.menuback{ 

    background-color: #C0C0C0;

    border-bottom: 1px #000000 solid;

    border-left: 1px #808080 solid;

    border-top: 1px #808080 solid;

}

td.menu { 

    background-color: #FFFFFF;

    border-left: 1px #000000 solid;

    border-top: 1px #000000 solid;

    border-right: 1px #000000 solid;

}

td.border {

    border-left: 1px #000000 solid;

    border-bottom: 1px #000000 solid;

    border-right: 1px #000000 solid;

}

I tried zero'ing out all the padding settings in this one, but it didn't change anything.

UPDATE:

I actually just messed with it some more, and it has to do with my minicart that I've embedded into the header. If I'm on the cart page and its got products in it, everythings all messed up. If the cart is empty, it looks fine. silly, because its the same exact size either way

Re: excess top padding kickin my butt

ahhh! crap this sucks

I've been messing with this for the last hour, and cant figure it out. anybody at all?

Updated pics of the problem here

minicart empty, home.php, looks ok
http://www.mdlmaintenance.com/images/line2.jpg

minicart filled, home.php looks ok
http://www.mdlmaintenance.com/images/line1.jpg

minicart empty, cart.php, looks ok
http://www.mdlmaintenance.com/images/line3.jpg

minicart filled, cart.php, looks like doodoo
http://www.mdlmaintenance.com/images/line4.jpg

Re: excess top padding kickin my butt

^ Please see your support ticket.

Re: excess top padding kickin my butt

Quote:

Originally Posted by Jon

^ Please see your support ticket.

yup I got it, thanks much. I actually got it going live now on rjroffroad.com