Joomla Templates

Hi
I'm using the template transparent_bliss 2.0 and have a problem with the transparent mode. The text of my guestbook (easybook) was almost unreadable because of the white hover effect in front of the text.
I've modified the easybook.css and everything was working fine (text readable etc.), as long I'm using the Firefox, IE has still the same problem.

I guess the IE7 can't find the easybook.css, so he takes some basic values.

Pleas have a look to the printscreen:
IE7:

Thanks in advance for your help!

i just dealt with a similar issue on the forum - coppermine gallery - it was the gallery running in an <iframe> which is like a web page within a web page - the issue was IE7 makes iframe background color white by default! Can you check your source code and search for iframe. if this is the issue then look at this post. I linked to a site that explains the fix.

let me know if this helps

First of all, thank you very much for your quick answer!

Unfortunatly I couldn’t find an entry like <iframe> in my component folder com_easybook. Is there maybe an other place where I have to look for it?

no problem on the quick answer :)

I meant check the source code of the page you have shown in your screen grab.

In firefox CTRL-U - a popup will appear with the page source - look through source code for iframe or, in firefox, hit CTRL F - for find and type iframe.

You could post a link so I can have a quick look.

but im off to bed now - bears need to hibernate ;-) so i wont reply until tomorrow.

Good morning Big Bear :)
I've checked my page and found something, please have a look to the attached textfile.


I guess that’s not the "iframe" what we are looking for, isn't it? Because this is just the URL mapping to my Page.

But anyway, in case I'm wrong and the solution of case 1217 would help me too, ...where do I have to paste this:
<iframe src="..." allowtransparency="true"></iframe>

Thank you!
Cheers

So in your file i can see an iframe. This would mean that this issue is most likely affecting you as well.

Did you read the post I linked you to? And the links from that post?

I have not worked out how to apply the fix but have just troubleshooted the issue. There will be plenty of documentation online for this.

The issue is caused by the fact the IE7 gives iframes a white background by default.

You'll need to read the post i put up and look at the links I added - or use google to search for e.g. "IE7 iframe background color" etc

Let me know if you are still having issues - and a link to your site always helps.

Yes I read your links, that’s the reason I know about this ;-):
<iframe src="..." allowtransparency="true"></iframe>

I've googled and found lot of entries, but I'm still not sure where I've to put the line above?
Because of the link to my side:
www.gassers.ch.vu/
You will find the problem with IE under following menu:
Main/Gästebuch/Lesen
Could you have a look at it?

Hi there,

I took a look at your site and have a suggestion. The source view shows the following:

<table cellspacing="0" cellpadding="0" id="main">
<tr><td id="cnt"><iframe src="rolfgasser.bplaced.net/HomePage/Joomla/" name="fid1" id="fid1" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe></td></tr>
</table>

I have highlighted the width as IE is very particular about size and for this template you need to be exact with the size - try putting in 560px as your width instead of 100% in the CSS or table of this extension and see if it works. I am using this wonderful template and have had to adjust most extensions to stop this happening. Check it out www.soulenergyrising.com.

Also I noticed that you have the white square boxes at the top of the columns in IE - I had this too - you need to check the pathway in your iepngfix.htc file which you can find under templates/transparent_bliss_1.5/js. if your site is in a sub-directory you will need to alter this:

Examples:

it will either look like this;

// This must be a path to a blank image. That's all the configuration you need.
if (typeof blankImg == 'undefined' { var blankImg = ' /templates/transparent_bliss_1.5/images/ blank.gif'; }

or this;

// This must be a path to a blank image. That's all the configuration you need.
if (typeof blankImg == 'undefined' { var blankImg = '/yourdomainname/templates/transparent_bliss_1.5/ images/blank.gif'; }

whichever one it is I am assuming it should be the other one.

Hope this doesn't sound too complicated - I am not very good at explaining it that's why it's better to show you the codes.

Hope it helps.

Hi,
Thank you very much for trying to help me.
I've changed the value [width="100%"] to [560px] in the transparent_bliss template.css. But the only thing happens, that the whole page moved to the right corner.

I’ve also changed the path to the blank.gif. With IE7 it looks fine now. Thank you for that!:cheer:

My basic problem is still that my users can't read the Guestbook because of this white transparent stuff over it.

I also took a look to your side, it looks great, especially I'd like the watch on the upper right corner.

I really do like this template too, otherwise I wouldn’t spend so much time for it. But it’s a pity that my users mostly use the IE7 as a browser.

Does anybody have an idea how I can manage it to get it like the view in Firefox?:dry:

Hi there,

A little misunderstanding here, sorry but when looking at your site I do not have white transparent stuff on IE and can see everything clearly so I was concentrating on your little white boxes and the fact that your third column had fallen down. The CSS I meant was of easybook (not the template) as often they put in widths of 100% or 90% which for some unknown reason IE cannot deal with so you have to be very specific about the width so that it can fit in the middle column. I have checked again this morning and I can still see your 'Lesen' side fine. (Ich kann alles lesen was da darin steht!!!) I am based in Spain and can see your site perfectly. Can I ask how you are checking the way IE looks as I have had something most peculiar happen to me with an extension I have just added. Are you only checking on your own computer or have clients actually said they are not able to see - You see I had something that didn't work on IE on my computer when I was testing how it looked etc. and I thought it was happening everywhere when in fact it was only happening on my computer. As I said I have no problem reading it on IE or Mozilla.
hope this helps.

Hi Rolf,
It actually looks fine for me as well - IE7.
Are you using IE 6?
I can't check IE6 from where I am but will from the office tomorrow.

Hi,

I was wondering as you wrote it’s looking fine from your point of view. :dry:
I've started VMWare with XP and tested my page with following Browsers
- Firefox 3 -> O.K
- Opera 9.1 -> O.K
- IE6 -> Guestbook o.k, but still missing the 3rd row.
I can't find anything like value
[width="100%"]or something similar in my
easybook.css?

- IE 7 -> O.K :ohmy:
I’ve no clue why it’s o.k because it’s exactly the
same version like I use on my basic PC(7.0.5730.11)

I’ve erased from Cash to Cookies everything I can,… but it’s still wrong. It really looks like the problem is just on my PC with IE7, so I don’t care about it longer because for my self I use Firefox.

Anyway, sorry for disturbing you and thank you very much for your great support!
Cheers
Rolf