Sidebar synchronization

[DivaVocals]

Here's the main site: http://anomalyrecords.net/index.html
Here's the store: http://anomalyrecords.net/catalog

I am using the Sanguine embedded template to wrap the main site design around Zencart.. This is working perfectly with a small remaining issue..

I am trying to synchronize the content placement of the sidebar items between Zen Cart and the rest of the site pages.. There is an ever so slight "shift" of the sidebar elements when you toggle bewteen the site pages and the store.. I've done a lot of tweaking and I'm fairly close, but I am at a COMPLETE loss how to put this to bed once and for all.

I am hoping one of the CSS gurus here will see what I am clearly missing and guide me back to the light..

[pjb923]

Try using Firefox with Firebug and go through each element top to bottom making small adjustments.

The first one I would try is making the #sidebar1 h4 margin 0.
Then add margin-bottom: 8px to the .line class.
Next, add 2px of left margin to #signup_button (I don't see any existing styles for this button, you will have to add a new declaration)

Just keep making your way down the line.

[DivaVocals]

Thanks for the response.. Had a LONG talk with the client to consider a different option.. Client is now contemplating the lower hanging fruit instead.. Gonna looking into the best approach for re-doing all the "outside" pages in Zen Cart and eliminate the battle of the conflicting stylesheets.. (and keep me from gaining any additional grey hairs..)

[Website Rob]

I would look at two areas.

1. Heading Code

For example

index

<div id="header"><img src="images/header.png" alt="header" width="940" height="160" align="left" />
<!-- end #header --></div>

catalog

<!-- begin #header -->
<div id="header">
<p><img src="../images/header.png" alt="header" width="940" height="160" align="right" /></p></div>

<!-- end #header -->


2. Overall Site Code

I think there is a problem in that your 'catalog' pages use Table coding whereas your main pages do not. Not sure why the inclusion of Tables as by using easyEmbed, you should not have to recode.

[DivaVocals]

I would look at two areas.

1. Heading Code

For example

index

<div id="header"><img src="images/header.png" alt="header" width="940" height="160" align="left" />
<!-- end #header --></div>

catalog

<!-- begin #header -->
<div id="header">
<p><img src="../images/header.png" alt="header" width="940" height="160" align="right" /></p></div>

<!-- end #header -->


2. Overall Site Code

I think there is a problem in that your 'catalog' pages use Table coding whereas your main pages do not. Not sure why the inclusion of Tables as by using easyEmbed, you should not have to recode.

Used tables because there were serious layout conflicts between the rest of the site template pages (they use a Dreamweaver template) and Zen Cart (even with using the easyEmbed template).. There were far too many issues to resolve in order to launch the site by a very specific deadline.. So we opted for a down and dirty recode of the store embed page to force things to work while we looked at our options. The tables solved the problem for the interim and allowed the site launch to go forward..

I created this post because I just wanted to explore the possibility of getting things a little more aligned while we explore a LONG TERM solution. Since then I've made a few tweaks which have improved things some, but more importantly the client has decided to allow me to make some more permanent changes.. Again we're gonna be exploring the best approach for re-doing all the "outside" pages using Zen Cart which would eliminate the battle of the conflicting stylesheets altogether..

[DivaVocals]

Update:
I convinced the client to go a different route.. (much better long term option) Looks like we're gonna scrap both the Dreamweaver template that drives the rest of the site pages and scrap the store embed page as well. (a single HTML page which applies the site look and feel to the Zen Cart store)
.
.
This will all be replaced with a single tableless template which will be applied to all site elements. We will likely convert all the non-commerce pages so that the whole site is done using Zen Cart. (using Zen Carts custom defined pages -- versus EZ Pages) A number of page specific stylesheets will help them maintain a "seperate" look.. This will eliminate the battle of the style sheets which is a huge part of the current issue -- hence the reason for my post.. The blog will remain a seperate entity which will be styled to match the Zen Cart site.
.
.
Here's the current site: http://anomalyrecords.net/catalog/
.
.
Here's the improved TABLELESS version (pending client approval): http://clients.overthehillweb.com/an...=index&cPath=0