Moving the left sideboxes up

[Vyst]

I'd consider myself intermediate with my skills at CSS, but I can't for the life of me find the tag that would allow me to move the left sideboxes up and have the categories box header align with the text in the nav breadcrumb


Any help would be appreciated

Link: http://hd.adi-estore.com


PS- i didn't design the site, just administering the zencart ;)

[birdoasis]

I'm moving my site right now, so I'm working from memory.

Take the tpl_main_page.php and look at the php tags. Whatever is above the boxes you have to either delete or change the width and float right to give the leftcontainerwrapper the room to move up.

So if your not going to use the the tabs menu area, you can get rid of it.

but if you get rid of it then the center column will also move up.

Make sure you copy that file into your template before you change it. Don't be changing core code or you'll jinx us all. haha

Good luck!

[gjh42]

Here is your problem:

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: 30px auto 0 auto;
  
    } 

You have at some time specified a 30px top margin. Change as you wish.

[khopek]

I am actually trying to do the same thing with my right sideboxes. Just need them moved up 25px to align with the navbar. I know how to change the width of the navbar to what I need, but can't get the sideboxes up.

[gjh42]

The difficulty is that the navbar is part of the header and the sidebar is part of #contentMainWrapper. You could theoretically give #navColumnTwo or #navColumnTwoWrapper a margin-top: -25px;, but IE doesn't like that - it apparently believes that no element should be able to stick out of its box.

#navColumnTwo {
    position: relative;
    top: -25px;
    }

works in Firefox...


With your site down for maintenance, I can't test it directly.
I noticed that the link in your name/profile includes a zenid - this is a bad thing... you should prune that.

[khopek]

he difficulty is that the navbar is part of the header and the sidebar is part of #contentMainWrapper.

Yeah, that is what I couldn't figure out... I did try the -25px before I posted and you are right in IE didn't like it but it worked fine in FF...as usual..

..name/profile.....not sure what you're talking about?

[gjh42]

The "visit khopek's homepage" link you get when clicking on your name in a post...

huh. Now it points to your myspace... not sure exactly where I got that link from.... nevermind!

[gjh42]

Whatever I tried worked in Firefox when I tested it earlier, but the code posted above didn't work when I pasted it into the stylesheet of a local fresh install.

#navColumnTwoWrapper {
    position: relative;
    top: -25px;
    }

does work in Firefox and IE6.

[v33]

instead of moving the left and right columns, why not move the breadcrumb down?

i edited the #navBreadCrumb to include margin-top: 15px;

[Nimbuz]

I bet 10 if this doesn't work ;-)

Replace your current .leftBoxContainer class with this:

.leftBoxContainer {
	border: 1px solid #FF0000;
	margin-top: -2.7em;
	}