Thread: logo's not compatible with browsers

Hi

I am still building my website and have just added a logo and Header text(using the logo option, cos you can do more with the format) to my header. I have chosen to have these without any background showing. I use internet explorer 7 and my template looks as I want itto . My friend who uses internet explorer 6 has a different picture ie the background of the logo boxes show as white and the fonts are different?? Does this mean that the logo option is not suitable for all browsers andwhat other quirks are there within bluevoda. Its a bit annoying to find that I have spent quite a bit of time designing my front page only to fond it does not seem to be compatible with all browsers.

any ideas ?? www.didjnt.com

Thanks

Hi Ozmadman,

I have just been to your webpage and everything is fine.
Very well done congratulations for being different.
Thats the way to go. Norms are monotonus as there many millions around.

Could be you friend has not installed all the necessary add-ons for his browser and the advance properties in IE properly. Ask him to check them out.

You also need to be sure you are using web friendly fonts, if you friend does not have the same font installed on their computer as you, the font will revert to the computers default font and will show differently ...

What file format is the image?

Also if you are just overlaying text because of there are more options, take a print screen on the header and paste it into an image editing program. That way you have picture of the full header not just the background, and it will display on anyones computers regardless if they have the font or not installed

Hi All Thanks for your help, a friend of mine has written some code to deal with this problem as follows

create a new directory within blue voda and call it JavaScript

Paste this code into it;

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className +
"'
" : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " :
"title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" +
imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" +
img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"

img.outerHTML = strNewHTML
i = i-1
}
}
}

Save as txt file in your new Javascript folder and call it pngfix.js

Then past this code into html on your page using the html input box

<!--[if lt IE 7]>
<script defer type="text/javascript"
src="JavaScript/pngfix.js"></script>
<![endif]-->

and thats it!!

Should now be able to view correct format in IE6

Thanks
Paul