Joomla Templates Club 406,261 posts

[gregr Friend gregrJoin date: March 2009Posts: 27Downloads:0Uploads:0 Thanks: 7]

#139487

Hello all,

I am having very strange page views in IE 8. FF, Opera and chrome view normal. In IE 8 I can set the browser to use the compatibility view and all looks good. Is is a template issue? Here are some screes, And Link to site. thanks!

http://kitchenremodelbath.com/

[gregr Friend gregrJoin date: March 2009Posts: 27Downloads:0Uploads:0 Thanks: 7]

#298452

Ok,

Support has been working on this. So far this is what I got.

Added this code to the bottom of ie8.css
#jazin-hlwrap {
height: 408px;
}

That fixed the overlapping of the mod_janews_fp and mod_janews.

The page or body width was fixed by tech support. I wasn’t told exactly what they did to fix that and am waiting a response.

I still have issues with a space at the top (under logo) and the bottom of the page. Reading the forums I found that there is a line of code you can insert above the head-tag to auto switch the compatibility to IE 7. <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″/>

This is in no way a solution, but only a quick fix. So the template still has issues with spaces, as you can see from the images in my first post.

[gregr Friend gregrJoin date: March 2009Posts: 27Downloads:0Uploads:0 Thanks: 7]

#300034

Apparently support believes that this is a fix for the IE 8 Issue, since they closed my ticket without reason. This is NOT a fix.

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″/>

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#300041

What most people are missing is that there is no universal browser compatibilty for IE8. There is no code that will make your site consistent in all browsers. Because MS knew this, the purposely designed IE8 backword to IE7 compatibility mode to deal twith this problem. So, as far as MS is concerned, the quick fix IS the fix. Add the tag.

1 user says Thank You to mj1256 for this useful post

1. gregr

[redserp Friend redserpJoin date: May 2009Posts: 51Downloads:0Uploads:3 Thanks: 24 Thanked: 7 times in 1 posts]

#304172

Hi there! Maybe this is of your interest 😉
http://extensions.joomla.org/extensions/style-&-design/accessibility/7623/details
Stay well

1 user says Thank You to redserp for this useful post

1. gregr

[david892 Friend david892Join date: December 2008Posts: 44Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#309860

Hi there,

I also have this space issue at the top of the template (under the main logo) How did you solve it?

[gregr Friend gregrJoin date: March 2009Posts: 27Downloads:0Uploads:0 Thanks: 7]

#309917

David,

add this code to the bottom of ie8.css

#jazin-hlwrap {
height: 408px;
}

and check here – http://extensions.joomla.org/extensions/style-&-design/accessibility/7623/details

Let me know if it worked, Good luck!

[david892 Friend david892Join date: December 2008Posts: 44Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#309939

Unfortunately it did not work. The css code you wrote was for you overlap problem, which I don’t have. My problem is really what you are showing in your first picture (top red rectangle). In IE8, I have a space at that location.

I tried to install the plugin you suggested me regarding the Ie8 compatibility, but everytime the installation fails. Here’s a screenshot of the problem:

My folder permissions allow writing in the directories…. What should I do?

[redserp Friend redserpJoin date: May 2009Posts: 51Downloads:0Uploads:3 Thanks: 24 Thanked: 7 times in 1 posts]

#310204

You have to be doing something wrong… it should work… :confused:

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#310209

Here is the usual IE8 answer

go to your index php file and find the following

<!–>
<style type=”text/css”>
.clearfix {display: inline-block;}
</style>
<!–>

and change to:

<!–>
<style type=”text/css”>
.clearfix {display: block;}
</style>
<!–>

OR

It is a compatibility issue

You need to paste code into the first line of the <head> of your index.php file

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />

1 user says Thank You to mfcphil for this useful post

1. david892

[david892 Friend david892Join date: December 2008Posts: 44Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#310211

mfcphil: Your tip worked perfectly! Thanks! Using your first option was enough for me!

You’re the man! 😎

[Author]

Posts