AutoDirector forum

The AutoDirector support and advice forum

Problem display on Joomla-v1.5.x-powered website

Post Reply

Page: 1

Author Post
Member
Registered: Jan 2010
Posts: 2
Hello:

Congratulations on creating the remarkable AutoDirector :-)

I'm installing this on a client website - once I have it configured correctly.

At present, there are one or two problems with the display and functionality. Please visit the draft site and relevant link at:

http://www.internettips.net/smorrison/index.php?option=com_jumi&fileid=3&Itemid=76

(eventually, this will use SEF urls and use a different domain name: the domain name above is only for temporary site development).

Currently, I just wanted to get the default sample car listings working.

Because this is a Joomla site, just adding a code snippet like:

<div id="autodirector"></div><script type="text/javascript" src="http://www.internettips.net/smorrison/autodirector/carlist.php?site=example&amp;style=blue"></script>

Into a content page would most likely cause problems. Therefore, I've used the Joomla add-on Component "Jumi": http://extensions.joomla.org/extensions/1023/details designed to allow entering PHP, scripts, HTML, code snippets, etc., into a Joomla site.

At first glance, this appears to help AutoDirector display okay - initially. There are clear differences between rendering with Firefox v3.5.7 and Micorosoft Internet Explorer v.8, though these appear minor.

The main problems seem to occur when we:

- click any car listing entry to view more details. At that point, the page that appears to display, bleeds down beyond and overlays the existing web design template.

- click the images and attemp to view / cycle through. The popup windows containing the images don't appear to function correctly. Plus, the forward button, Back buttons don't appear to work with Firefox, and the Close button action is erratic.

The IE rendering engine seems to be a little more tolorant than for Firefox, but the basic problems above are still present.

I've already replaced:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

with:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

The Joomla version used ia: 1.5.10 (I'll upgrade this shortly to 1.5.15 or later - and let you know if it makes a difference).

I would appreciate it if anyonce can suggest a remedy or provide some guidelines to fix the issues above.

Thanks in advance to all.
Administrator
Registered: Apr 2008
Posts: 324
I don't think Joomla is the problem (a fix is available if you experience any Joomla-specific issues).

In this case, the rendering issues are caused by the (somewhat unnecessary) complexity of the Joomla template you're using.

The 'bleeding' issue is caused by a script (roksameheight.js) which is applying a specific height to <div class="sameheight">. It's setting a default height that's too small for the showroom.

The photographs appearing behind the content occurs because of the z-index:5 applied to #maincol in the page CSS. Remove that and it works again.

However, be aware that fixing these issues could cause other problems to occur elsewhere. I'd recommend simplifying the HTML and CSS if you can.
_______________
AutoDirector administrator
Member
Registered: Jan 2010
Posts: 2
Hi Craig:

Thanks for getting back so quickly.

I have already applied the Joomla fix you folks kindly provided.

As for the other points you make, I'll follow your advice and see what can be done.

Thanks again for taking the time to check it out.
Member
Registered: Apr 2008
Posts: 11
itips83 wrote
Hi Craig:

Thanks for getting back so quickly.

I have already applied the Joomla fix you folks kindly provided.

As for the other points you make, I'll follow your advice and see what can be done.

Thanks again for taking the time to check it out.


I am using Joomla 1.6 where I have tried to use the Atodirector and was having the same problem where it would not display correctly on Firefox.

I managed to work around the problem by adding a two row table 100% width 100% height in my HTML document. The first row contains a banner and the second row contains the the Autodirector script.

That solved the problem and the page displays ok in Firefox here is the link:

http://www.uploadyourcar.co.uk/

Post Reply

Page: 1