Seems I am on here a lot bugging you all with my questions and stuff. Apologies for that....

Site is chop-it-hd.com/home

Problem is the image rotator for the "Latest Products"

Issue is with IE8. The images are under the main Welcome text but they should be to the right, under the Latest Products text. Fine in FF, Safari and IE7. Can anyone provide any clues? I tried changing the images sizes but that makes no difference? Someone should blow up IE8...

Cheers,

John

G'day John.

Mate, I don't know what the problem would be but I do have a suggestion that I reckon would encompass it:

I've had a look at your code and I see quite a bit of redundant code, suggesting that you've used the WYSIWYG editor and when you've made a mistake or wanted to make a change, you've deleted the text but not removed the code.

Here's an example:


Here you have an empty paragraph that is centred, followed by a paragraph where you've told it two different font sizes.

There's a good bit of this stuff.

If it was my site I'd be fixing this and there's a good chance that the problem would be fixed.

If you don't know how to do this you have two options:

1) Get a friend or professional to do it for you.

2) Save all your info and delete the page, starting again with no mistakes or changes.

If you decide to go with option #2, regularly toggle the editors and keep an eye on the code.

If you make a mistake or want to make a change, delete the whole line of code including the text, in the plain text editor.

Best wishes.

Thanks Laurie, I will have a look. The front page is mostly moduled based but I will look into the coding portion of it rather than by the WYSIWYG. Seems that it is not an always WYSIWYG????

Hi John,
you should be able to sort the issue out by browsing to that page in IE8 and pressing f12 (brings up developer tools).
Click on the mouse icon (select element by click) and click on the slideshow.
The window will then jump to the relevant piece of code. Try playing around with the various lines about the width of the slideshow and the images - this should give you some clues.

So it is like a firebug addon? Handy. First I have heard of it. That is a TOP tip....

It seems that with the IE8 the image does not resize. Using the developer tool it looks like the image is way outside of the frame. In FF the image size says what it actually is but in IE8 it states it as being a different size as in larger.

I'm not too sure how to fix it John.
However, if I turn off the width for 'div id=slideshow' in the IE developer tools, the slideshow moves to the right spot.
There might be something there that you can play around with.
You might be able to get some help to through rocketthemes forums?

A lazy way to solve the problem might be to use the IE Compatibility plugin with this set to emulate IE7.

I did this with another IE8 rendering problem and it worked well.

Some reference links:
a. msdn.microsoft.com/en-us/library/cc288325%28VS.85%29.aspx
b. extensions.joomla.org/extensions/style-&...andards/7623/details or www.jjsworld.fr/downloads/3-joomla

Cheers - David

Hey John!

Do you have the slideshow set to the same size as the images? Or the images sized the same as the slideshow? (do you need to?)

Another suggestion is to make your header logo smaller and find a spot in the very top for the slideshow.

That would free up some valuable space on the page above the fold.

A fix was suggested by the good people on rocket theme forum. I placed some coding in the template.css and now all is OK. Thanks for all your help and suggestions.

I did try the suggestion put forward by yourself austega but it did not fix the problem. Thanks anyways for taking the time to suggest it to me,

John