modal box conflicting with gantry.css
Posted: 03 Nov 2011, 06:03
Finally I guess I've found what caused my pictures seem to align right in the modal box.
I think most people using a template based on gantry would have similar issue and I did find many posts about this in the forum, though none of them mentioned the factor I've just found.
The modal box is using iframe, so a new HTML page will render in the box, during the process a DIV classed "rt-container", which contains the table that contains the image, is set to width=960 by line 12 in gantry.css. Thus the table in it also has a 960 width, so does the tr that contains 6 navigation buttons, and as the td that contains the image has an attribute "colspan=6", it has a 960 width too, while the width is supposed to be 680. In firebug I simply modified the width of "rt-container" to 680, and everything became fine.
However, I don't think modifying the related line in gantry.css is a good idea, afraid of it may affects other things unexpectedly.
So, I still need a solution for this. I will leave my page http://www.nylbcsbc.org/nylbcsbccom/ind ... 1-05-56-59 displaying this issue for several days, hope someone would eventually figure it out.
I think most people using a template based on gantry would have similar issue and I did find many posts about this in the forum, though none of them mentioned the factor I've just found.
The modal box is using iframe, so a new HTML page will render in the box, during the process a DIV classed "rt-container", which contains the table that contains the image, is set to width=960 by line 12 in gantry.css. Thus the table in it also has a 960 width, so does the tr that contains 6 navigation buttons, and as the td that contains the image has an attribute "colspan=6", it has a 960 width too, while the width is supposed to be 680. In firebug I simply modified the width of "rt-container" to 680, and everything became fine.
However, I don't think modifying the related line in gantry.css is a good idea, afraid of it may affects other things unexpectedly.
So, I still need a solution for this. I will leave my page http://www.nylbcsbc.org/nylbcsbccom/ind ... 1-05-56-59 displaying this issue for several days, hope someone would eventually figure it out.
so cannot test it