- Posts: 2
COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- Multiple galleries on the same page IE7 problem
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.
Multiple galleries on the same page IE7 problem
- Quintin Hobson
- Topic Author
- Offline
- New Member
Less
More
16 years 5 months ago #15739
by Quintin Hobson
Multiple galleries on the same page IE7 problem was created by Quintin Hobson
qecomm.com/pressedpennies/index.php?option=com_content&view=article&id=168&Itemid=132
I'm working on a test site at the above location. The page displays fine in Safari and Firefox etc.
Here is the code used in the Joomla article page:
<div align="center">
<font color="#967348"><strong><u>Sydney</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/skytower:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/captcookcruises:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/powerhousemuseum:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/australiannationalmaritimemuseum:::1{/gallery}</td>
</tr>
</tbody>
</table>
<div align="center">
<font color="#967348"><strong><u>Cairns</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/cairnstropicalzoo:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/hartleyscrocadventure:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/freshwaterrailway:::1{/gallery}</td>
<td style="width: 232px"> </td>
</tr>
</tbody>
</table>
<div align="center">
<font color="#967348"><strong><u>South East Queensland
</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/q1goldcoast:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldtigerisland:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldgoldrushcountry:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldkoalacountry:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/dreamworldcroccreek:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldexit:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldwhitewaterworld:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/brisbaneplanetarium:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/mtcootthalookout:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/australiazootigertemple:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/australiazooelephants:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/souvenirshop:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/australiazooaustraliana:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/australiazoocroclair:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/thebigpineapple:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/underwaterworld:::1{/gallery}</td>
</tr>
</tbody>
</table>
<div align="center">
<font color="#967348"><strong><u>Melbourne</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/rialtoobservationdeck:::1{/gallery}</td>
<td style="width: 232px"> </td>
<td style="width: 232px"> </td>
<td style="width: 232px"> </td>
</tr>
</tbody>
</table>
<div align="center">
<font color="#967348"><strong><u>Canberra</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/csirodiscoverycentre:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/nationalzooandaquarium:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/telstratower:::1{/gallery}</td>
<td style="width: 232px"> </td>
</tr>
</tbody>
</table>
The main problem seems to be with this block of code:
<div align="center">
<font color="#967348"><strong><u>South East Queensland
</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/q1goldcoast:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldtigerisland:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldgoldrushcountry:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldkoalacountry:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/dreamworldcroccreek:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldexit:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldwhitewaterworld:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/brisbaneplanetarium:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/mtcootthalookout:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/australiazootigertemple:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/australiazooelephants:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/souvenirshop:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/australiazooaustraliana:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/australiazoocroclair:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/thebigpineapple:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/underwaterworld:::1{/gallery}</td>
</tr>
</tbody>
</table>
When you remove two of the tables from this four table block it displays fine. But when you add the third it changes the page display, and it doesn't seem to matter what galleries you use for the third table, it still does the same thing.
It is just a very strange problem, and I think it is probably something happening behind the basic HTML code of the article page that is throwing it off.
Thanks,
Quintin
I'm working on a test site at the above location. The page displays fine in Safari and Firefox etc.
Here is the code used in the Joomla article page:
<div align="center">
<font color="#967348"><strong><u>Sydney</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/skytower:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/captcookcruises:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/powerhousemuseum:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/australiannationalmaritimemuseum:::1{/gallery}</td>
</tr>
</tbody>
</table>
<div align="center">
<font color="#967348"><strong><u>Cairns</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/cairnstropicalzoo:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/hartleyscrocadventure:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/freshwaterrailway:::1{/gallery}</td>
<td style="width: 232px"> </td>
</tr>
</tbody>
</table>
<div align="center">
<font color="#967348"><strong><u>South East Queensland
</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/q1goldcoast:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldtigerisland:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldgoldrushcountry:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldkoalacountry:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/dreamworldcroccreek:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldexit:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldwhitewaterworld:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/brisbaneplanetarium:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/mtcootthalookout:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/australiazootigertemple:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/australiazooelephants:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/souvenirshop:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/australiazooaustraliana:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/australiazoocroclair:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/thebigpineapple:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/underwaterworld:::1{/gallery}</td>
</tr>
</tbody>
</table>
<div align="center">
<font color="#967348"><strong><u>Melbourne</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/rialtoobservationdeck:::1{/gallery}</td>
<td style="width: 232px"> </td>
<td style="width: 232px"> </td>
<td style="width: 232px"> </td>
</tr>
</tbody>
</table>
<div align="center">
<font color="#967348"><strong><u>Canberra</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/csirodiscoverycentre:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/nationalzooandaquarium:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/telstratower:::1{/gallery}</td>
<td style="width: 232px"> </td>
</tr>
</tbody>
</table>
The main problem seems to be with this block of code:
<div align="center">
<font color="#967348"><strong><u>South East Queensland
</u></strong></font>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/q1goldcoast:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldtigerisland:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldgoldrushcountry:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldkoalacountry:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/dreamworldcroccreek:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldexit:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/dreamworldwhitewaterworld:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/brisbaneplanetarium:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/mtcootthalookout:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/australiazootigertemple:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/australiazooelephants:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/souvenirshop:::1{/gallery}</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="928">
<tbody>
<tr>
<td style="width: 232px">{gallery}gallery/australiazooaustraliana:::1{/gallery}</td>
<td style="width: 232px">{gallery}gallery/australiazoocroclair:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/thebigpineapple:::1{/gallery}</td>
<td style="width: 232px"> {gallery}gallery/underwaterworld:::1{/gallery}</td>
</tr>
</tbody>
</table>
When you remove two of the tables from this four table block it displays fine. But when you add the third it changes the page display, and it doesn't seem to matter what galleries you use for the third table, it still does the same thing.
It is just a very strange problem, and I think it is probably something happening behind the basic HTML code of the article page that is throwing it off.
Thanks,
Quintin
Please Log in or Create an account to join the conversation.
- Quintin Hobson
- Topic Author
- Offline
- New Member
Less
More
- Posts: 2
16 years 5 months ago #15740
by Quintin Hobson
Replied by Quintin Hobson on topic Re: Multiple galleries on the same page IE7 problem
Just thought I would also add, that when you use that four table block in screws up the menu display and makes the page wider. Is just a very strange problem.
Please Log in or Create an account to join the conversation.
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- Multiple galleries on the same page IE7 problem