My template works with other components but not with Phoca Gallery with IE8. Thumbnails are cut in half and not aligned properly with IE8. Works OK with FireFox.
Here is the link(and phocagalleryieall.css has been disabled so it now works in IE8): http://stevensylvester.net/clay_art/ind ... &Itemid=95
phocagalleryieall.css needs to be re-worked for IE8. I have disabled phocagalleryieall.css to get it to work with IE8 but I don't know what is happening to previous version of IE.
Any guidance would be appreciated.
phocagalleryieall.css for IE does not work with IE8
-
Rayjak
- Phoca Member
- Posts: 12
- Joined: 26 Sep 2009, 02:41
-
Jan
- Phoca Hero
- Posts: 49297
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: phocagalleryieall.css for IE does not work with IE8
Hi, the ...ieall.css is designed for IE6 and IE7. IE8 doesn't include so many bugs so there is no need to have specific css. In Phoca Gallery css code for horizontal and vertical centering is used and this is complicated css so this can be the reason why other not complicated css are working with your template.
Try to check Phoca Gallery with some standard template like rhuk_milkyway is. If there will be no problem, you should check your template css (e.g. with firebug in FF or developement tool in IE) and try to check the place which can make conflicts between template css and gallery css.
Jan
Try to check Phoca Gallery with some standard template like rhuk_milkyway is. If there will be no problem, you should check your template css (e.g. with firebug in FF or developement tool in IE) and try to check the place which can make conflicts between template css and gallery css.
Jan
If you find Phoca extensions useful, please support the project
-
Rayjak
- Phoca Member
- Posts: 12
- Joined: 26 Sep 2009, 02:41
Re: phocagalleryieall.css for IE does not work with IE8
The following code is generated (view source) from Phocagallery:
<!--[if lt IE 8]>
<link rel="stylesheet" href="/clay_art/components/com_phocagallery/assets/phocagalleryieall.css" type="text/css" />
<![endif]-->
I don't think it is working in my particular case. When I change the name of phocagalleryieall.css to xphocagalleryieall.css, then everything in IE8 works!
It appears I am getting ..ieall.css loaded when it should not be loaded.
..later today - I was right, ..ieall.css is getting loaded in my IE8. Never used the developer tool before, here is the link that is generated:
<link href="/clay_art/components/com_phocagallery/assets/phocagalleryieall.css" rel="stylesheet" type="text/css"/>
I checked FireFox with Firebug and ..ieall.css is not loaded which it shouldn't be.
Your help is greatly appreciated.
<!--[if lt IE 8]>
<link rel="stylesheet" href="/clay_art/components/com_phocagallery/assets/phocagalleryieall.css" type="text/css" />
<![endif]-->
I don't think it is working in my particular case. When I change the name of phocagalleryieall.css to xphocagalleryieall.css, then everything in IE8 works!
It appears I am getting ..ieall.css loaded when it should not be loaded.
..later today - I was right, ..ieall.css is getting loaded in my IE8. Never used the developer tool before, here is the link that is generated:
<link href="/clay_art/components/com_phocagallery/assets/phocagalleryieall.css" rel="stylesheet" type="text/css"/>
I checked FireFox with Firebug and ..ieall.css is not loaded which it shouldn't be.
Your help is greatly appreciated.
-
Jan
- Phoca Hero
- Posts: 49297
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: phocagalleryieall.css for IE does not work with IE8
Hi, check your IE8 if it is not working as e.g. IE7 and check your code in your site if it will not call IE7 behaviour
the conditional comment tells it exactly:
<!--[if lt IE 8]>
It means the css should be loaded only in browsers earliers than IE8 (IE7,IE6, ...)
Jan
the conditional comment tells it exactly:
<!--[if lt IE 8]>
Code: Select all
<!--[if lt IE 8]>
<p>This message is only displayed in browsers earlier than IE8.</p>
<![endif]-->Jan
If you find Phoca extensions useful, please support the project
-
Rayjak
- Phoca Member
- Posts: 12
- Joined: 26 Sep 2009, 02:41
Re: phocagalleryieall.css for IE does not work with IE8
Thanks for your reply.
1) I don't see anything wrong with the code which I have listed below
2) I want to change your conditional statement to [if lte IE 7] and also [if !(IE
] (reads IE eight) but being new to Joomla and components, I can't find your code in which to try these new conditional statements. Where would I find your code to try this change?
Thanks
------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="clay artist,architectural ceramics,ladies dress series,clay dresses,clay,clay life size ladies dresses,architecture, ceramics" />
<meta name="description" content="Steven Sylvester contemporary clay artist and architectural ceramist." />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Testing - Touring Exhibition</title>
<link rel="stylesheet" href="/clay_art/components/com_phocagallery/assets/phocagallery.css" type="text/css" />
<link rel="stylesheet" href="/clay_art/media/system/css/modal.css" type="text/css" />
<link rel="stylesheet" href="/clay_art/components/com_acajoom/css/acajoom.css" type="text/css" />
<script type="text/javascript" src="/clay_art/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/clay_art/media/system/js/modal.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal-button').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
</script>
<!--[if lt IE 8]>
<link rel="stylesheet" href="/clay_art/components/com_phocagallery/assets/phocagalleryieall.css" type="text/css" />
<![endif]-->
<style type="text/css">
#phocagallery .phocaname {color: #b36b00 ;}
.phocagallery-box-file {background: #fcfcfc ; border:1px solid #e8e8e8;margin: 5px;padding: 5px;}
.phocagallery-box-file-first { background: url('/clay_art/components/com_phocagallery/assets/images/shadow1.gif') 0 0 no-repeat; }
.phocagallery-box-file:hover, .phocagallery-box-file.hover {border:1px solid #b36b00 ; background: #f5f5f5 ;}
.bgPhocaClass{
background:#666666;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
z-index:1000;
}
.fgPhocaClass{
background:#f6f6f6;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
z-index:1000;
}
.fontPhocaClass{
color:#000000;
z-index:1001;
}
.capfontPhocaClass, .capfontclosePhocaClass{
color:#ffffff;
font-weight:bold;
z-index:1001;
} </style>
<!--[if lt IE 7]>
<style type="text/css">
.phocagallery-box-file{
background-color: expression(isNaN(this.js)?(this.js=1, this.onmouseover=new Function("this.className+=' hover';"),
this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););
}
</style>
<![endif]-->
1) I don't see anything wrong with the code which I have listed below
2) I want to change your conditional statement to [if lte IE 7] and also [if !(IE
] (reads IE eight) but being new to Joomla and components, I can't find your code in which to try these new conditional statements. Where would I find your code to try this change?Thanks
------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="clay artist,architectural ceramics,ladies dress series,clay dresses,clay,clay life size ladies dresses,architecture, ceramics" />
<meta name="description" content="Steven Sylvester contemporary clay artist and architectural ceramist." />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Testing - Touring Exhibition</title>
<link rel="stylesheet" href="/clay_art/components/com_phocagallery/assets/phocagallery.css" type="text/css" />
<link rel="stylesheet" href="/clay_art/media/system/css/modal.css" type="text/css" />
<link rel="stylesheet" href="/clay_art/components/com_acajoom/css/acajoom.css" type="text/css" />
<script type="text/javascript" src="/clay_art/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/clay_art/media/system/js/modal.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal-button').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
</script>
<!--[if lt IE 8]>
<link rel="stylesheet" href="/clay_art/components/com_phocagallery/assets/phocagalleryieall.css" type="text/css" />
<![endif]-->
<style type="text/css">
#phocagallery .phocaname {color: #b36b00 ;}
.phocagallery-box-file {background: #fcfcfc ; border:1px solid #e8e8e8;margin: 5px;padding: 5px;}
.phocagallery-box-file-first { background: url('/clay_art/components/com_phocagallery/assets/images/shadow1.gif') 0 0 no-repeat; }
.phocagallery-box-file:hover, .phocagallery-box-file.hover {border:1px solid #b36b00 ; background: #f5f5f5 ;}
.bgPhocaClass{
background:#666666;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
z-index:1000;
}
.fgPhocaClass{
background:#f6f6f6;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
z-index:1000;
}
.fontPhocaClass{
color:#000000;
z-index:1001;
}
.capfontPhocaClass, .capfontclosePhocaClass{
color:#ffffff;
font-weight:bold;
z-index:1001;
} </style>
<!--[if lt IE 7]>
<style type="text/css">
.phocagallery-box-file{
background-color: expression(isNaN(this.js)?(this.js=1, this.onmouseover=new Function("this.className+=' hover';"),
this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););
}
</style>
<![endif]-->
-
Jan
- Phoca Hero
- Posts: 49297
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: phocagalleryieall.css for IE does not work with IE8
Hi, you can change it in views of Phoca Gallery:
components\com_phocagallery\views\categories\view.html.php
components\com_phocagallery\views\category\view.html.php ...
Jan
components\com_phocagallery\views\categories\view.html.php
components\com_phocagallery\views\category\view.html.php ...
Jan
If you find Phoca extensions useful, please support the project
-
Rayjak
- Phoca Member
- Posts: 12
- Joined: 26 Sep 2009, 02:41
Re: phocagalleryieall.css for IE does not work with IE8
Thanks. I will give it a try.
More information. Using IE Developer's tool, I found I was running in IE8 compatibility mode. Not sure exactly what this is but it causes the ...ieall.css to be loaded and hence phocagallery then contains the IE7 hack running under IE8. I assume this might cause a problem but not sure what compatibility mode exactly means.
Three options of the Developer's tool: IE7 mode, IE8 mode and compatibility mode.
When using the Developer's tool, I put IE into Standard 8 mode, the ...ieall.css does not get loaded. Phocagallery still did not work right but I'm not sure if it was an old cache or if the page was totally refreshed.
I also wrote a little test with the following conditional statements (for some reason the "8" turns into a smile icon):
<!--[if !IE]>
This is not IE <br />
<![endif]-->
<!--[if (IE]>
This is IE 8<br />
<![endif]-->
<!--[if (IE]>
This is IE 8<br />
<![endif]-->
<!--[if lte IE 7]>
This is IE 7 or less<br />
<![endif]-->
<!--[if lt IE 8]>
This is less than IE 8<br />
<![endif]-->
<!--[if !(IE]>
This is not IE 8<br />
<![endif]-->
IE8 started in compatibility mode(according to Developer's Tool) and above test said I was IE7
Changed Developer tool to IE8 and above test said I was IE8.
Seems that if IE8 is in compatibility mode (however it gets there normally) and Phocagallery's conditional statement fails because of compatibility modes, the hack will be included and will cause issues??
Been working on this for hours, will start again tomorrow.
More information. Using IE Developer's tool, I found I was running in IE8 compatibility mode. Not sure exactly what this is but it causes the ...ieall.css to be loaded and hence phocagallery then contains the IE7 hack running under IE8. I assume this might cause a problem but not sure what compatibility mode exactly means.
Three options of the Developer's tool: IE7 mode, IE8 mode and compatibility mode.
When using the Developer's tool, I put IE into Standard 8 mode, the ...ieall.css does not get loaded. Phocagallery still did not work right but I'm not sure if it was an old cache or if the page was totally refreshed.
I also wrote a little test with the following conditional statements (for some reason the "8" turns into a smile icon):
<!--[if !IE]>
This is not IE <br />
<![endif]-->
<!--[if (IE
]>This is IE 8<br />
<![endif]-->
<!--[if (IE
]>This is IE 8<br />
<![endif]-->
<!--[if lte IE 7]>
This is IE 7 or less<br />
<![endif]-->
<!--[if lt IE 8]>
This is less than IE 8<br />
<![endif]-->
<!--[if !(IE
]>This is not IE 8<br />
<![endif]-->
IE8 started in compatibility mode(according to Developer's Tool) and above test said I was IE7
Changed Developer tool to IE8 and above test said I was IE8.
Seems that if IE8 is in compatibility mode (however it gets there normally) and Phocagallery's conditional statement fails because of compatibility modes, the hack will be included and will cause issues??
Been working on this for hours, will start again tomorrow.
-
Jan
- Phoca Hero
- Posts: 49297
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: phocagalleryieall.css for IE does not work with IE8
Hi, thanks for the info.
BTW:
BTW:
Phoca Gallery doesn't have any conditional statement, it is a IE conditional statement.Phocagallery's conditional statement
If you find Phoca extensions useful, please support the project
-
Rayjak
- Phoca Member
- Posts: 12
- Joined: 26 Sep 2009, 02:41
Re: phocagalleryieall.css for IE does not work with IE8
Hello, This has been a real learning experience for me. Learned a lot. Been to places I didn't even know exist!
Working with the template folks, their most recent reply is as follows -
Could these errors be contributing to your problem:
http://validator.w3.org/check?uri=http% ... ne&group=0
Working with the template folks, their most recent reply is as follows -
Could these errors be contributing to your problem:
http://validator.w3.org/check?uri=http% ... ne&group=0
-
Jan
- Phoca Hero
- Posts: 49297
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: phocagalleryieall.css for IE does not work with IE8
there is a problem mostly with & and & but this should be not related to this problem 
If you find Phoca extensions useful, please support the project