Stylesheet CSS Structure Diagram?

[Muddler]

I am struggling a bit moving to the tableless stylesheet. Is there a diagram somewhere showing the hierarchical relationship of the divs and classes in the stylesheet? When using a CSS viewer I can see the ancestors and children of the elements but can't get a clear picture of the overall structure. Also, the nesting of the divisions does not seem to be defined in the stylesheet, where is the structure heirachy defined?

[kuroi]

The hierarchy, structure or cascade (from cascading stylesheets = CSS) isn't defined in a stylesheet, or even for a stylesheet. It's defined by the structure of the HTML or XHTML code to which it is applied.

It is this structure that you see when you use a CSS Viewer. Trying to document and maintain by traditional means for an application as complex as Zen Cart would take a nonsensical amount of time and rapidly be invalidated as users change the Admin switches or use add-in modules.

A better way to get an overview of the structure is to use a tool such as Firebug which allows you to see the XHTML structure of a page and then drill down the hiercharcy seeing the XHTML that defines each level and the CSS that is being applied to it.

[Muddler]

The hierarchy, structure or cascade (from cascading stylesheets = CSS) isn't defined in a stylesheet, or even for a stylesheet. It's defined by the structure of the HTML or XHTML code to which it is applied.

Uh huh.

Thanks Kurio. I now have Fire Bug, that helps - very nice. Not quite sure I am using it to its capabilities but Muddling through. Any recommends on a good view to use with Fire Bug? I am using HTML and Style tabs now. Can't figure out how to edit on the fly yet, but I think its possible.

I am trying to migrate site http://www.aurora-museum.com/catalog/ my testbed is http://www.aurora-museum.com/catalog2/. I am very much trying to use the new templates and CSS. Are elements .centershop, headerNavigation, .footerbottom, and possible more now defunct?

Is it possible to position an element within its container block ? For example if #navMainWrapper is part of #headerWrapper is it possible to get it to line up on the bottom of #headerWrapper? Like it was in the live site. I have been floating, positioning, aligning to no avail. Or do you have to tweak tpl_header.php to move it. btw - The alt_header mod moves it to the right of the logo not below it like it used to.

Also, any ideas on where to start to get the sidebox formatting back ?