modal box conflicting with gantry.css

[vincenkwenk]

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.

[Jan]

Hi, if you run Joomla! 1.7, try to set somewhere in your CSS (at the end) the following:

Code: Select all

#phocagallery.pg-detail-view {
 width: 100%;
}

or

Code: Select all

.pg-detail-view {
 width: 100%;
}

or

Code: Select all

#phocagallery.pg-detail-view {
 width: 680px;
}

or

Code: Select all

.pg-detail-view {
 width: 680px;
}

etc.

[ozace50]

Hi Jan, I'm running Joomla 1.5.24, and I just tried all 4 of those code additions at the end of my gantry.css. Unfortunately, none of them made any difference. Do you have any suggestions for J1.5?

[Jan]

Hi, no, I don't have installed template with gantry so cannot test it