IE 8 not rendering correctly, but IE9 and FF ok

There must be some code for IE rendering that could solve this, right?
I'm looking for a solution for people loading my site with a IE8 browser, it is not rendering correctly (totally screwed up looking on pre-IE9 browser). I have the eSport template.

I am using J1.73, eSport 1.0 (started Jan 2012, but have made too many css changes – an update would wipe out)

The site is basically done, after tons of hard work it looks the way I want - BUT this issue prevents me from going live. Hope I don’t need to start over just for old browsers?

The problem is only on my home page, all other pages seem ok. (I haven’t checked it on IE6, IE7 or safari, so not sure what happens there??)

My home page loads modules: vm2.0 products, vm2.0 category, mod_new_pro_gk4, Image Show gk4, k2 content, and custom HTML

I use FF which it looks great in (IE9 looks ok too). But the in the real world ecomm needs to accommodate shoppers of all browsers or you’ll go out of biz!

Thanks in advance for your help!!

Hi

Please show me Your site.

whew! glad to have someone helping on this, thanks Teitbite!

I'm going to PM it to you now, I'll include all my info there to expedite anything you'll need to see.

Hi

Answering to PM message: we do not support IE6 anymore, but IE7 is also messed as IE8 is.

For me it looks like validation error. Which means than HTML code is not consist. In 80% such error is because of articles itself, so please check all articles visible on broken page and check if all HTML tags got it's closing tag. Rest 20% is happening because of the changes made by users to template's HTML, so if You have changed anything there You need to check it there also.

Use a validator http://validator.w3.org/ to see in which line such error is produced, but to use it You need to set website online first.

Ok - thanks for being clear on that, I don't know that I've got an idea on why that is heppening still, but I'll use the validation and see what I can determine as probable. I'll probably have a few questions before attempting major moves beyond missing tag in articles (I've got tons of articles, so this will take some time). But if I get what your saying, if one of the home page articles is broken this is happening, or if any article throughout my k2 content has the issue it still will corrupt the site from loading in IE7-8.

Asking that another way, if I go through all my k2 articles and validate, find and fix any "missing" then this site should be rendering correctly in 7-8?

Thanks... got a lot to do now...

Hi

I cannot tell for sure. But it looks like unclosed tag for me. When You validate You will know for sure when such error will be listed. Than do not run through all articles, just this visible on broken pages. You can narrow it down by showing less articles.

I found some errors on my end in articles, which I've fixed. I noticed a number of other errors which I would guess are cleaned from the missed updates. I'm going ahead and working to get all on to current versions:

From J1.73 to current 2.5
From Orig Gavick 1.0 eSport template to current 2.5 update

I have a question: In the update section at Gavick it says to replace (only) the files listed. But in "Dev Update #5" it says:

"Most of changes were made in store templates (eSport, boutique, mystore and yourshop) where we have updated VirtueMart 2.0.2 version. Styling for front-end editors is now improved and our GK Typography plugin got a small update to fix problems in frontpage access. In K2 component stylesheet, we have fixed some calendar styling to avoid overriding external extensions layouts. According to PHP 5.3.0 specifications, we replaced split() functions by explode() to avoid deprecated messages.

Because of the fact that most of the template files were edited, we recommend to overwrite all template files in order to upgrade the template to the latest version, especially ../html/com_virtuemart directory to avoid errors after upgrading VirtueMart extension. GK Typography Plugin is, as always, available in our rest_filespackages (plg.editors-xtd.gk_typography.zip) - after latest quickstart package installation, plugin upgrade process is not necessary. Exact changed files list you may find in our Updates section."

So, which is it, replace all OR only the ones noted on the update page at Gavick? I am using Virtuemart and K2 heavily on my site, so IF I need to replace ALL files that I received from download of eSport 2.5, I would like to confirm before. Do I also need to download the old rest files and EXTRACT ANYTHING there?

Thanks!

...ALSO - I notice that the file is listed for "plugins/system/plg_gkextmenu/parameters.xml" but I didn't see this extract from the 2.5 esport download, please advise on that too.

Hi

About the update. It's easier and faster to simply use the latest version an update additional extensions with the one available along with rest_files package. But I understand it can be a lot of work, so if everything is working fine You can stick with the version You've got right now. So do You have any other issues with this ?

Unfortunately, yes! I am not out of this issue.

Here is were I'm at:

Since it appeared that the validation errors were in most cases related to bugs, I decided to download the site to localhost and I moved my database to the local host - then update to 2.5.7 Joomla (successful), then updated the eSport to 2.12 with the files on my localhost as listed here as per the update download page:

"For upgrade please replace following files with the new ones:"

- admin/elements/update.php
- css/template.css
- css/joomla.css
- css/style1.css
- css/style2.css
- css/style3.css
- css/ie7.css
- css/ie8.css
- css/ie9.css
- html/modules.php
- html/com_k2/templates/generic.php
- html/com_k2/templates/default/category_item.php
- html/com_k2/templates/default/tag.php
- html/com_k2/templates/default/user.php
-js/lazyload.js
- layouts/default.php
- layouts/blocks/social.php
- lib/gk.framework.php
- lib/menu/GKBase.class.php
- lib/framework/gk.const.php
- index.php
- templateDetails.xml
(above all done)
(I did not see this file in the extraction, so nothing done on it, it was listed with the above):
- plugins/system/plg_gkextmenu/parameters.xml
(this not done)

I went through EVERY K2 article and EVERY Virtuemart product with a fine tooth comb to ensure I had nothing but clean code there. I wanted to be 100% sure I had no issues on my stuff... So, that is checked off, and as mentioned the validation erros had a Gavick notation in many instances and it was evident on pages beyond just the home page.

I went to launch and see how the localhost was looking and now this is all I get:
Fatal error: Call to undefined method GKTemplate::useCache() in C:\xampp\htdocs\all_joomla\GGH2012Local\gk_eSport_clean_quickstart_J17\templates\gk_eSport\layouts\blocks\head.php on line 55

The good news is this is on the local, so I have not changed my site online (which I sent you PM on access). note: I have not uploaded my database from the localhost to online (with my updated corrections to k2 and virtuemart), but can do if you confirm the next steps needed.

I DO feel I should be able to get this working on the local without a problem, and since Joomla appears working correctly and my data is clean

Look forward to your instructions for what needs to happen next - in the meantime my site is broken ! Thanks...

Hi Teitbite -

ok, first, a "sorry", was feeling somewhat frustrated on the last post. The post was accurate and that problem is still there (locally), BUT the great news is I kept working on this issue on the live site (not the localhost) and was able to resolve the rendering problem of not getting IE8 working (I assume 7 works now too, can you check for me?).

At this point, while thanking me lucky stars, I have one thing I need advice on. Since the localhost now is a none working J2.5 and updated gavick, it may present a problem as I backup by FTP to my localhost. Since the live site is still J1.73 and old Gavick - what should I do? Can I revert to the local to an old J1.73 and old Gavick esport? Do I install a NEW joomla 1.73 instance on local (not sure if that presents other issues) and delete all the old? Just a little unsure how to have local and live stay in sync.

Thanks!

Hi

I haven't noticed Your frustration, so do not worry. Joomla 2.5 and newest version of Gavern require PHP 5.3 to work properly, so this can be the reason it's not working localy. Anyway this can be also related with corrupted files during moving the site, so I advice to use akeeba beckup while moving, because it's doing a dubble check of files coherency.

Also an error can be caused by a module not compatible with latest joomla.

Ok, will do some work on this issue. I have php 5.3.1 and I checked all functioning after the last ftp and everything seemed fine - no time to chase the problem so will revert to all my previous. Hopefully easy to re-set that with a "finger print" of newer Joomla instance.

Case closed, thanks.

Teitbite,

info: golfsgreatheritage.com
J 1.73
eSport, Virtuemart, K2

Need your help, this problem is back! I went through some issues with the update which you suggested, needed to revert back to J 1.73, but resolved the ALIGNMENT issue anyway… but it only temporarily fix it seems. The issue in IE8 is MUCH BETTER -- but still looks weird on the top menu bar which is shifted off to the right. I was getting the site validation with no errors except these:

Error Line 405, Column 55: document type does not allow element "div" here
…div id='facebox' style='display:none;'><div class='popup'><div class='content'…

Error Line 405, Column 239: required attribute "alt" not specified
…facebox/closelabel.png' title='close' class='close_image' /></a></div></div>" ;

Error Line 925, Column 16: element "gavern:desktop" undefined
<gavern:desktop>

Error Line 1211, Column 15: element "gavern:social" undefined
<gavern:social>

Error Line 1248, Column 20: element "gavern:fblogin" undefined
<gavern:fblogin>

Error Line 1325, Column 101: there is no attribute "autocomplete"
…form_password1" value="" autocomplete="off" class="validate-password required"…

Error Line 515, Column 23: there is no attribute "ID"
<ul class="VMmenu" ID="VMmenu71863_16" >

I’m guessing since I’m new to this, it’s probably something I need to do - Do you have any suggestion?

I noticed the “facebox” errors are also on the esport demo page, AND the VMmenu ID error AND the autocomplete error. What do these functions do? How do I fix? What about the other Gavick noted errors?

Could all of these be screwing up the layout of the columns or margins? Thanks!

Hi

This errors has nothing to do with columns. The only problem is that those are lines of a code written in HTML5 and validator is still checking stability for HTML3. So this is nothing to worry about. Can You show me one more time the issue with columns ? Maby if Your website is using this columns on all pages we should fix the width of them ?

alignment problem5.png

alignment problem7.png

here is the above example when it formats correctly (which it will sometimes do on a lucky render)

alignment problem2.png

These are older screen shots - the site has changed for content but the issues remain the same as shown here. Chances are if you go to the site live, it should replicate for you on all pages except the home page. The issue will be on three column, two column, product page, k2 articles. Layout template widths are probably not correct and I've tried to adjust, but things get messed up from my changes there.

ok on the HTML thanks for the explanation on that!

Let me know what else you need to assist you. Thanks!

left aligned.png

left aligned2.png

here are two more screen shots that are current - just grabbed them to send you...

Hi

I think I know what can be the problem. I can see You have a dozen styles for one template with different widths for columns, etc. This may not work as You think. Settings are being kept for template, so even stored with a differet style ID it still may be used with a different style You asked for. It's safer to use one style and just overwrite this values for desired pages and not the whole template. The way You made it is also stressing server pretty much.

I think you have me pointed the right direction, I’ve been working on this like crazy, but I’m still a bit stuck here. Here is an update: I’ve cleaned up templates and styles as you suggested. I’ve triple checked k2 articles. I’ve validated everything which is clear except those validation errors I mentioned already (with the gk demo page as well).

I’ve set the template style to ONLY one style – gk esport default, and set the col percentages all to zero percent, this makes all menu’s, pages, articles (seems) work correctly - except the home page!

The home page requires settings for the cols (left col must be 25% and the right col 30%) to look correct. To see how the home page should look, I have an extra template style (that will load the home page correctly if published as the home default), see style GGH Home Page in admin.

It seems like if I get the gk esport default (zero percent col style) to be the only style in use it will work good. BUT in order to do that, I need to figure out how to get the home page to layout correctly. Please let me know how that can be done, or if you have a better idea on what is the best plan to resolve this. Either way, I’ve spent several days on it, but still have not got it (but getting closer since IE browsers have improved a bunch). My back is against the wall, your help is really needed! It seems very close to fully working. Just needs the right tweak. Thanks

Teitbite - a thought on this - I noticed that from the screen shots, the left-aligned pages are about 45% of the wrapper (equals the main content size of the home page when applying the home page cols settings 25%+30%).

The main content portion is retaining this main content setting at 45% as you mentioned.
Need to know how to add something that tells it to apply col percentages only when the home page loads. Is that possible? If no, then is it possible to use the one style that uses 25%left30%right, and add something that clears the column settings when you navigate away from the home page? Then the sub-pages could all load as a style with zero percent cols.

Love to hear your ideas. Thanks!

Hi

The settings in template settings should work already, but let not to play with it more if only one site is wrong. Lets make a small trick instead. Please install mod_blank module that add this code to it:

Code: Select all

<style type="text/css">
#gkLeft { width: 20% !important; }
#gkContent { width: 50% !important; }
#gkRight { width: 30% !important }
</style>


than attache this module to any module position and attach to frontpage only. This way columns will got its width from css code You've entered.

I'm so happy!! Thank you very much... it did the trick, working perfectly!

Hi

Ok. I'm glad it helped I found this trick very useful lots of time

Hi Teitbite,

An easy CSS override question here - I am looking to improve this padding here (see image) and want to check what I should put in the override file to bring the .catProductDetails closer to the product display, there is too much space as you can see. Thanks!
Also make the font a little larger, and color as #00600.

Hi

Try add this code to css:

Code: Select all

.catProductPrice {
    min-height: 0;
}


Thanks once again! It looks great
...and since you're on a roll I have a follow up

1 css question
1 html question:

If you see in the attached, I have the "Window Display" module at the bottom of the page. I had to trick this to display adequate by a back end setting ("per row" versus "number to display"). If those numbers are the same it rolls the one extra to a new row (by itself and the other 4 on the first row). Unfortunately this left aligns so it looks a little off. One or two ways to fix it - either just center what I have showing (current one-off settings) or change the padding so that it doesn't squeeze it and carry the fifth product to a new row. Hopefully this is understood, will give more details if not clear.

The other question - is it difficult or possible to setup the "Weisgerber Web Design" at the footer as a link to another site I would like to build?

Thanks!

Hi

Sure I will help, but I do not understand what is the problem regarding Your first question. You need to explain it a little better.

About the seqond question please go to /layouts/blocks/footer.php and replace this code:

Code: Select all

<span>
              <?php echo $this->getParam('copyrights', ''); ?>
            </span>


with a link:

Code: Select all

<span><a href="http://link.com" target="_blank">WEISGERBER WEB DESIGN</a> ALL RIGHTS RESERVED.</span>


Excellent on the footer link - thank you!!

On the other question, here that is explained better with the screen shots attached:
the "..of5total" works to keep on one line, but you can see that it squeezes it to the left margin (see screen shot of home page with 4 items). So, it shows that the "number of products to show" is 4 and the "number per row" is 5 (this keeps it all on one line).

If I change it to "the number of products to show" at 4 AND the "number per row" is 4, the padding (?) adjusts the spacing and then it moves the 4th one to the row below: see screen shot:

... I hope that makes more sense. The backend screen shot sent last time is a little clearer showing "show 5 with 4 per row"...
Thanks

Hi

Now I get it

This code should fix it:

Code: Select all

#gkBottom2 li { padding: 0; }


Hi - slow to reply, but your fix worked, thank you!

I have another problem on the products page which I've attached the screen shot. As you can see the image goes to far on the right. If you page 1-4 sometimes on pages the view stays on one screen, other times it does this. I've made adjustments in the backend to show fewer products, but it just increases the sizes of the image view and still bleeds off the right side (even if with fewer products set to show in the backend settings).

Any suggestions? Thanks!

Hi

Please set as many columns as You like and let me know when it will be set. I'll check and tell You what tot do to make it display better.

I changed it to 7 (see screen shots) I'm flexible if I should use a different quantity, your call there.

Note, it almost fits on the one screen (at 7), and shifts much more left on the other.

It looks like the font and words are pushing it, so I made I've now changed it to a setting of 6 (screen shot that - that's what it is set for NOW). At 6 it needs to center a little better on the view.

Thanks!

Hi

Can You please tell me where is this page with so many columns of products ? All I can find is this:

Here is the link
https://www.golfsgreatheritage.com/inde ... /bookstore

From the home page>bookstore tab on the left....

Thanks!

Hi

Ok. I was able to see it now and looks like this code is responsive for it:

Code: Select all

.browse-view .row .product .spacer {
    padding: 12px 34px;
}


Please just play with second value inside this padding till You have it like You want it.

Hi again

I've just thought about a better idea. Instead of chaniging the padding please try to set a width to this field:

Code: Select all

.browse-view .row .product .spacer {
    width: 100px;
}


Looks great! Thanks!!

Teitbite, this is something different, will post seperately if you want (where?)... But, I do want to say the Gavick team, and your help have been incredible, am truly appreciative of everything!!

...The issue came up on my KeyCaptcha (very nice plugin), and their forum as checked in out and provided this info to me - can you tell me how to "comment this"...

This issue I posted was:
new register (URL:http://golfsgreatheritage.com/)
My site has a login and register option (top right), however when you choose "register" (as in new user) the user fields appear for visitor to enter and complete, but the keycaptcha does not appear, so after they enter their info and submit - they fail (the registration error is noted to them). How do I correct this problem?
It does seem to appear in other instances to work correctly, so my issue is specific to the steps I've described here.
Thanks!

Their reply is:
Part 1- Problem is in popup window.
You are using some plugin for registration. When you click "register" then it shows hidden registration div (which has no code for showing captcha).

Part 2 - In file /templates/gk_esport/js/gk.scripts.js you can find such code:

if(document.id('gkPopupRegister')) {
popup_register = document.id('gkPopupRegister');
popup_register.setStyle('display', 'block');
popup_register_h = popup_register.getElement('.gkPopupWrap').getSize().y;
popup_register_fx = new Fx.Morph(popup_register, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0 });
document.id('btnRegister').addEvent('click', function(e) {
new Event(e).stop();
popup_overlay.fade(0.45);
popup_register_fx.start({'opacity':1, 'height': popup_register_h});
opened_popup = 'register';
});
}
This code is response for showing popup window when you click link with id="btnRegister".
So after clicking you will see popp instead of go away to registration page.
Since we cant show captcha in popup you can comment this code, and after this by clicking you will go to registration page (which has working captcha.

Teitbite, please advise me a little here on exactly what to do, this is unfamiliar ground for me. Thanks!

Hi

You can post new threads just in the forum for a template You are using. Our module for registration supports reCaptcha, but to make it show it it has to be configured properly. First You need to select reCaptcha to be used in global settings for joomla than a plugin for reCaptcha needs to be configured and enabled. Finally reCaptcha needs to be activated in joomla user settings. Check this article for detailed informations: https://www.gavick.com/documentation/ge ... recaptcha/

Teitbite - if you have time, please take a look at my post on the above noted fresh post - it's subject is titled:
"recaptcha doesn't work in popup"

Thanks!