Zen Cart Logo
Forums / General Questions / Sidebox size and alignment FF vs. IE

Sidebox size and alignment FF vs. IE

Locked

Views: 1,030

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
14 Jul 2007, 5:29 AM
#1
wasana avatar

wasana

Zen Follower

Join Date:
Apr 2006
Location:
Chiang Mai
Posts:
203
Plugin Contributions:
0

Sidebox size and alignment FF vs. IE

I have a variety of standard and contributed sideboxes displaying in my rightcolumn - in FF everything looks fine with the boxes centered and sized the same; however in IE the boxes are different sizes and aligned to the left.

I'd appreciate help on just where/how to force Bill Gates to bend to my will.

I've tried a variety of classes etc but just can't get it figured out. localhost prevents link.

14 Jul 2007, 12:25 PM
#2
wasana avatar

wasana

Zen Follower

Join Date:
Apr 2006
Location:
Chiang Mai
Posts:
203
Plugin Contributions:
0

Re: Sidebox size and alignment FF vs. IE

asked and answered...sometimes its the simplest things

admin/configuration/layout_settings - just make sure that column width-right and column width-right boxes are the same...

Firefox :clap: versus Infernal Exhibitor :lamo:

14 Jul 2007, 2:50 PM
#3
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Sidebox size and alignment FF vs. IE

That's correct only if you don't have horizontal borders and padding on your sideboxes. If you do then the correct formula would be

column width = sidebox(width + left padding + right padding + left border width + right border width).

This is not actually what the default Zen Cart templates do. They do as you have. But if you look carefully at a default installation of the Classic template in Firefox you will see that the space to the left of the left column sideboxes is slightly bigger than the space to the right of the right column sideboxes. If you increase the borders on the boxes, the difference becomes even more obvious.

You won't see a difference in Internet Explorer, but there is one. In IE the column widths (which are actually table cells) expand. So the gaps remain constant, but the whole site width expands a little.

Even though the browsers do different things, neither is wrong. The error is giving them inconsistent information, i.e. a cell width and contents which are wider. FF places top priority on the cell width, IE on the width of the contents, then both do their best to display what has been given to them.