|
|
jonnymac1979
regular
Reg'd: Tue
Posts: 521
Loc: Liverpool
|
|
Hello
I am currenty building the interface and content for the site you see in my signature. The actual page I am working on, I actually have online.
So naturally, when I have saved the part of the document I am working on, I upload it and check it out in both Internet Explorer and Firefox.
Now most of the images I'm using on my webpage have transparent backgrounds.
In Internet Explorer 6.0, the background of the images showup as a grey colour. This goes for the actual Page Background as well, which I have also set to transparent. So it just looks wrong.
In Firefox it is fine.
In Internet Explorer 6.0, if I position a layer at a specific x and y co-ordinate, it shows up fine. In Firefox, the layer will appear about 4 or 5 pixels above the y co-ordinate if you understand what I mean.
Are there any settings I can check or uncheck or does anyone have any suggestions for me?
The layer alignment I can handle, but it's the Image backgrounds I'm very concerned about.
|
|
ianm
regular
Reg'd: Fri
Posts: 347
Loc: Colchester
|
|
Jonnymac
The only link i can see to a site is the banner at the bottom, I went to have a look but it is just one page with a little flash animation on it, cant see any other pics.
Cheers
|
jonnymac1979
regular
Reg'd: Tue
Posts: 521
Loc: Liverpool
|
|
IanM I have just PM'ed you.
|
jonnymac1979
regular
Reg'd: Tue
Posts: 521
Loc: Liverpool
|
|
Glad you think it looks okay IanM. I am working frantically on it. I will work on the optimisation of the images (I knew I would have to anyway, I am aware it takes ages to load, I just don't know how to optimise, but I've started looking into it).
It still looks different in Firefox and IE though.
I have placed the images on layes in Dreamweaver to allow for better positioning. I will later convert the layers to tables. Do the layers have anything to do with the backgrounds of the images not showing up as transparent? Can you make the layers have transparent backgrounds?
Thanks
|
ianm
regular
Reg'd: Fri
Posts: 347
Loc: Colchester
|
|
Layers have transparent backgrounds unless you specify a color for them, All a layer is in html terms is a tag called a <div> so if you wanted a division of your page say 100px by 100px you simply put the div tag on your page then you can use inline style to tell it what you want and where you want it such as
<div style=position:absolute; left:100px; top:100px; width:100px; height:100px;>your text here </div> If you check out css tutorials you can then find out how to change the background color give it a z index which means if you put to divs on top of each other then which one is on the top of the pile ect, could waffle about it all day but will leave it there for now.
The easiest way to optimize an image is probably with paint shop pro, simply open up your image in psp then choose file/export from the options choose gif or jpeg ooptimizer depending on what format the image is in and then click use wizard, the rest is kind of speaks for itself.
Hope thats of some use, by the way you can convert layers to tables in dreamweaver but i have never gone down that route with great success.
Regards Ian
|
jonnymac1979
regular
Reg'd: Tue
Posts: 521
Loc: Liverpool
|
|
So when you look at that link I PM'ed youy in Internet Explorer, does it look normal? All my images have a gray background when they should have a transparent background.
|
ianm
regular
Reg'd: Fri
Posts: 347
Loc: Colchester
|
|
The images I can see have not got a grey background in IE, the only grey is on the corners images which fades into the white as it comes down the box, if the images are transparent then i should see the page background not a grey one.
Cheers
|
jonnymac1979
regular
Reg'd: Tue
Posts: 521
Loc: Liverpool
|
|
I'm glad, although on my PC and my PC at work, I get silly grey backgrounds on the images.
I'm not convinced all is well.
|
jonnymac1979
regular
Reg'd: Tue
Posts: 521
Loc: Liverpool
|
|
Okay, this is definitely a MAJOR, MAJOR problem for me.
Internet Explorer Example

When viewed in Internet Explorer, the transparent backgrounds of my images show up as gray.
Firefox Example

When viewed in Firefox, the transparent backgrounds of my images show up as transparent.
Obviously, I cannot rely on my whole audience using Firefox. What can I do to stop this happening in Internet Explorer?
All my images are .png files.
Anyone?
|
jonnymac1979
regular
Reg'd: Tue
Posts: 521
Loc: Liverpool
|
|
Hello
For those who want to know, Internet Explorer does not support PNG transparency. I had to optimise and export to a GIF.
Works really well now.
Thanks
John
|