Home   News  Product reviews  Website reviews  Forums   Competitions  Subscribe 


Web Building >> Web design & build
 |  Print Topic
Jump to first unread post. Pages: 1
jonnymac1979
regular


Reg'd: Tue
Posts: 521
Loc: Liverpool
Images look different in IE6 and Firefox
      #153342 - Sun Jan 23 2005 07:48 PM

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.


Post Extras: Print Post   Remind Me!   Notify Moderator  
ianm
regular


Reg'd: Fri
Posts: 347
Loc: Colchester
Re: Images look different in IE6 and Firefox [Re: jonnymac1979]
      #153350 - Sun Jan 23 2005 08:11 PM

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


Post Extras: Print Post   Remind Me!   Notify Moderator  
jonnymac1979
regular


Reg'd: Tue
Posts: 521
Loc: Liverpool
Re: Images look different in IE6 and Firefox [Re: ianm]
      #153414 - Sun Jan 23 2005 10:54 PM

IanM I have just PM'ed you.


Post Extras: Print Post   Remind Me!   Notify Moderator  
jonnymac1979
regular


Reg'd: Tue
Posts: 521
Loc: Liverpool
Re: Images look different in IE6 and Firefox [Re: jonnymac1979]
      #153883 - Tue Jan 25 2005 10:58 AM

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




Post Extras: Print Post   Remind Me!   Notify Moderator  
ianm
regular


Reg'd: Fri
Posts: 347
Loc: Colchester
Re: Images look different in IE6 and Firefox [Re: jonnymac1979]
      #154030 - Tue Jan 25 2005 05:44 PM

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


Post Extras: Print Post   Remind Me!   Notify Moderator  
jonnymac1979
regular


Reg'd: Tue
Posts: 521
Loc: Liverpool
Re: Images look different in IE6 and Firefox [Re: ianm]
      #154095 - Tue Jan 25 2005 07:55 PM

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.


Post Extras: Print Post   Remind Me!   Notify Moderator  
ianm
regular


Reg'd: Fri
Posts: 347
Loc: Colchester
Re: Images look different in IE6 and Firefox [Re: jonnymac1979]
      #154107 - Tue Jan 25 2005 08:08 PM

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


Post Extras: Print Post   Remind Me!   Notify Moderator  
jonnymac1979
regular


Reg'd: Tue
Posts: 521
Loc: Liverpool
Re: Images look different in IE6 and Firefox [Re: ianm]
      #154190 - Tue Jan 25 2005 10:40 PM

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.


Post Extras: Print Post   Remind Me!   Notify Moderator  
jonnymac1979
regular


Reg'd: Tue
Posts: 521
Loc: Liverpool
Re: Images look different in IE6 and Firefox [Re: jonnymac1979]
      #154551 - Wed Jan 26 2005 09:27 PM

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?


Post Extras: Print Post   Remind Me!   Notify Moderator  
jonnymac1979
regular


Reg'd: Tue
Posts: 521
Loc: Liverpool
Re: Images look different in IE6 and Firefox [Re: jonnymac1979]
      #157347 - Thu Feb 03 2005 11:30 AM

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


Post Extras: Print Post   Remind Me!   Notify Moderator  
Pages: 1

Rate this topic

Jump to


Extra information
0 registered and 1 anonymous users are browsing this forum.

Moderator:  putasolutions, Joe_London, greysts, bricat, Nanook, Hello_There, John_McKenna, Mouse, TheFatControlleR 


Print Topic

Forum Permissions
      You cannot start new topics
      You cannot reply to topics
      HTML is disabled
      Mark-up is enabled

Rating:
Topic views: 1127

Contact Us | Privacy statement Main website