layout problems with change to sidebox

[mikeeeeeeey]

Hi guys,

URL: http://codebluegroup.co.uk/ios/shop/

I've been developing a new template for Zen Cart with a design given to me for the last week or so, and being completely new to this, I've had the usual problems that I suspect anyone would have.

The main problem at the moment is one of the sideboxes; as dictated in the layout the 'information' sidebox is further most top sidebox which is stretched across the central column (.centralColumn). I've got the layout looking almost there in Firefox (although something isn't stretching far enough vertically to keep the drop shadows at the side) and in IE, the #navBreadCrumb and .centralColumn aren't moving down into the space below the stretched 'information' sidebox.

I'm sure this concerns the CSS elements mentioned, can anyone shed any light on this or why the page's background isn't going all the way to the bottom of the page?

Thanks in advance

[kobra]

Your column widths are not matching the contained box widths and you do appear to be using the right column but it still is rendering as a div/table

try setting these in the admin

admin > config > layout settings > Column Width - Left > to match your > Column Width - Left Boxes

and try turning off the right column

admin > config > layout settings > Column Right Status - Global

See what happens

[mikeeeeeeey]

Thanks for the reply kobra, I've tried adjusting those settings in the admin section, and they haven't changed much, except I no longer have to use the 'left: 50px' in the CSS for the breadcrumb and the main content and the bread crumb header is a better size now.

Its still as messed up as it was in IE though grrrr IE! and I think its the 'top: 180px' which is making the page longer than it should be (with the drop shadows) so hopefully if I can find out how position the main content without using 'top' then I think I should be fine.

[kobra]

I think that you have added tables for your dropshadow that are inside the mainwrapper.

You might look at the home page of this site and how the tables for the drop shadow exist outside of the mainwrapper. FF and IE(quirks) measure these differently and may be your issue

[mikeeeeeeey]

They do exist inside mainWrapper, I'll get rid of them for the time being, but until then do you know what's going on with the centralColumn in IE? I've exhausted everything I can think of.

Thanks for you're continued help btw!

[kobra]

I think that once you remove them it will straighten out - as I am fairly sure this is a realestate issue

[mikeeeeeeey]

They're out and it's still doing the same in IE... should I be using absolute or relative positioning (if any) for the .centralColumn ?

or is this something to do with the single column aspect of the admin > tools > layout boxes controller ?

[kobra]

relative to the containing div should be sufficient

You should have the items as left column??

Did you set this to be single and code around it?

[mikeeeeeeey]

If its single or left it doesn't change the way it looks in either browser.
The div's are all relative, I just don't understand why the content won't slide underneath the header. This is so confusing!

[kobra]

Just noticed that you seem to be missing mainWrapper div from your view source Normally it is like this:

<div id="mainWrapper">

<table width="100&#37;" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
  <tr>

Yours looks like this:

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
  <tr>

Check your files and most probably tpl_main_page.php

So you have no containing div