Keyword
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.

Multiple galleries on the same page IE7 problem

  • Quintin Hobson
  • Quintin Hobson's Avatar Topic Author
  • Offline
  • New Member
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">&nbsp;</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">&nbsp;</td>
        <td style="width: 232px">&nbsp;</td>
        <td style="width: 232px">&nbsp;</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">&nbsp;</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
  • Quintin Hobson's Avatar Topic Author
  • Offline
  • New Member
More
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.


Powered by Kunena Forum