Web Design Forums

nips07 · 12-02-2007, 10:35

'h't't'p':'/'/'host dot inverseparadox dot net/~hsi2/

Okay.... This looks perfect in IE7....

But, there are 2 problems with other browsers...

1) IE6 -- My PNG background image with transparency gets messed with in my one div which causes these obnoxious grey sides.

2) In FireFox that same green background (the above mentioned PNG) with shadows does not span down the page as it should. (Compare to IE7 to see what I am talking about)

Does anyone have any thoughts or suggestions as to how to resolve this?

Don't knock the design, this is what the client wanted and totally different than my original design.

Thanks for any help you can offer.

chazthetic · 12-02-2007, 13:32

1- PNG transparent backgrounds don't work in IE6. you're going to have to use gifs

2- the site looks way off in IE mac: http://s194571504.onlinehome.us/pictures/picture_1.png

pgo · 12-02-2007, 14:02

Yeah, but who uses IE/Mac?

No one.

nips07 · 12-02-2007, 14:18

I am using a JavaScript PNG Fix, I thought that would work for IE6... Or is this just a background versus foreground issue? Any suggestions on the background flowing down the page as it should?

I am not so concerned about MAC IE... If Safari and Firefox display it right, I am content.

chazthetic · 12-02-2007, 14:18

Quote:

Originally Posted by pgo

Yeah, but who uses IE/Mac?

No one.

true, but problems are problems and probably mean something is going to show up elsewhere.

chazthetic · 12-02-2007, 14:24

you close your header div (the one with the background) before the content that's in it. If you contain those "blocks" within that header div, that might help.
Other than that i'm not sure.

nips07 · 13-02-2007, 09:15

definately not the prob... the background is contained in a tag I called "bodyback" white those "blocks" are in... all the content of the body is in that div... But the background doesn't move down the page as it should.

Dusteh · 13-02-2007, 09:38

You cannot set png's as background images with the png fix. Is that your problem?

Ignore IE mac, its so badly out of date its no use for site testing.

nips07 · 13-02-2007, 16:58

Thats one of my problems... Supposedly there is a way to do it though...

My major issue is that the background isn't "bleeding" down the content area the way it should in FireFox.

colbyclan · 13-02-2007, 17:03

How do you really get rid of these problems anyway, is there a way to make sites universal to all browsers?

12-02-2007, 10:35	#1 (permalink)
nips07 Registered User Join Date: Jan 2007 Location: Philadelphia, PA Posts: 16	CSS Help 'h't't'p':'/'/'host dot inverseparadox dot net/~hsi2/ Okay.... This looks perfect in IE7.... But, there are 2 problems with other browsers... 1) IE6 -- My PNG background image with transparency gets messed with in my one div which causes these obnoxious grey sides. 2) In FireFox that same green background (the above mentioned PNG) with shadows does not span down the page as it should. (Compare to IE7 to see what I am talking about) Does anyone have any thoughts or suggestions as to how to resolve this? Don't knock the design, this is what the client wanted and totally different than my original design. Thanks for any help you can offer.

13-02-2007, 09:38	#8 (permalink)
Dusteh Sir digby chicken caesar Join Date: Sep 2004 Posts: 4,393	You cannot set png's as background images with the png fix. Is that your problem? Ignore IE mac, its so badly out of date its no use for site testing. __________________ unconsolidated isoparms

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

12-02-2007, 13:32	#2 (permalink)
chazthetic Fucking Awesome Join Date: Feb 2007 Location: Orlando, Fl Posts: 512	1- PNG transparent backgrounds don't work in IE6. you're going to have to use gifs 2- the site looks way off in IE mac: http://s194571504.onlinehome.us/pictures/picture_1.png

12-02-2007, 14:02	#3 (permalink)
pgo i'm done, son Join Date: Jan 2005 Posts: 12,262	Yeah, but who uses IE/Mac? No one.

12-02-2007, 14:18	#4 (permalink)
nips07 Registered User Join Date: Jan 2007 Location: Philadelphia, PA Posts: 16	I am using a JavaScript PNG Fix, I thought that would work for IE6... Or is this just a background versus foreground issue? Any suggestions on the background flowing down the page as it should? I am not so concerned about MAC IE... If Safari and Firefox display it right, I am content.

12-02-2007, 14:24	#6 (permalink)
chazthetic Fucking Awesome Join Date: Feb 2007 Location: Orlando, Fl Posts: 512	you close your header div (the one with the background) before the content that's in it. If you contain those "blocks" within that header div, that might help. Other than that i'm not sure.

13-02-2007, 09:15	#7 (permalink)
nips07 Registered User Join Date: Jan 2007 Location: Philadelphia, PA Posts: 16	definately not the prob... the background is contained in a tag I called "bodyback" white those "blocks" are in... all the content of the body is in that div... But the background doesn't move down the page as it should.

13-02-2007, 16:58	#9 (permalink)
nips07 Registered User Join Date: Jan 2007 Location: Philadelphia, PA Posts: 16	Thats one of my problems... Supposedly there is a way to do it though... My major issue is that the background isn't "bleeding" down the content area the way it should in FireFox.

13-02-2007, 17:03	#10 (permalink)
colbyclan Registered User Join Date: Aug 2006 Posts: 22	How do you really get rid of these problems anyway, is there a way to make sites universal to all browsers?

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)