CSS Help, IE7 Issue

jimb0t · 08-20-2008, 08:24 AM

I have a site that I am working on for a huge client but I have ran into a simple browser compatibility issue that I can't seem to solve no matter what I do.

http://www.ddsx.com/miracle/

In Firefox the site appears to be fine, that is how I want it to be in all browsers.

The problem I am having is in IE7 where the header has this obnoxious shadow under it, which does not appear in Firefox. I have tried several things but they do not appear to work. In IE6 it looks like a total joke which I will be hoping to fix in the future.

Considering the client uses IE as their main browser I need to get this fixed for them as soon as possible.

Btw the site is still under construction for the most part, so anything else that appears wrong will be fixed. I just need to know a simple CSS fix to get rid of the damn shadow under the header.

This site is running on Joomla v1.5. I am new to using Joomla, but so far I think I have done a decent job. This site is running on a custom template designed by me using the clients strict specifications.

nasaboy007 · 08-20-2008, 09:01 AM

IE doesnt work with CSS2 opacity, try using filter: alpha(opacity=50);

in low-opacity class.

jimb0t · 08-20-2008, 10:24 AM

Quote:

Originally Posted by nasaboy007

IE doesnt work with CSS2 opacity, try using filter: alpha(opacity=50);

in low-opacity class.

We already are using that, still isn't working.

hanjie00171 · 08-24-2008, 12:51 AM

i can do it for you ,

please contact me via msn( hanjie00171@hotmail.com)

gaucho1976 · 08-24-2008, 02:58 AM

well, you're using png files, which is great, but IE isn't meant to handle png (nor CSS, nor XML, nor.............)

Anyway, just do this: download the file http://www.cssxl.com/iepngfix.zip , it has instructions in it, but just in case I'll explain it here. Simply place iepngfix.htc and blank.gif in your server (or local folder) and in your css style sheet add this

Code:

 img, div { behavior: url(iepngfix.htc) }

and that's it. problem solved

btw nice design

note: you can download the file from TwinHelix site but at the moment of writing this the site was down for me, so I uploaded it to my server

08-20-2008, 08:24 AM	#1 (permalink)
jimb0t Marketing Machine Join Date: Mar 2006 Location: Virginia Beach, Virginia Posts: 103 1.60 NP$ (Donate)	CSS Help, IE7 Issue I have a site that I am working on for a huge client but I have ran into a simple browser compatibility issue that I can't seem to solve no matter what I do. http://www.ddsx.com/miracle/ In Firefox the site appears to be fine, that is how I want it to be in all browsers. The problem I am having is in IE7 where the header has this obnoxious shadow under it, which does not appear in Firefox. I have tried several things but they do not appear to work. In IE6 it looks like a total joke which I will be hoping to fix in the future. Considering the client uses IE as their main browser I need to get this fixed for them as soon as possible. Btw the site is still under construction for the most part, so anything else that appears wrong will be fixed. I just need to know a simple CSS fix to get rid of the damn shadow under the header. This site is running on Joomla v1.5. I am new to using Joomla, but so far I think I have done a decent job. This site is running on a custom template designed by me using the clients strict specifications. __________________ Free Lifetime Featured Link on SEO Friendly DDSX.com for every domain name purchased from BestDomainsWeb.com. Domains as low as $1.99!

08-20-2008, 09:01 AM	#2 (permalink)
nasaboy007 Senior Member Join Date: Jul 2005 Location: NJ Posts: 1,112 1,454.30 NP$ (Donate)	IE doesnt work with CSS2 opacity, try using filter: alpha(opacity=50); in low-opacity class. __________________ Hacksar.com - Your source for random computer tips and tricks! MySiteMemberships.com - Keep track of your site registration information! Like my post? Rep is appreciated!

08-24-2008, 12:51 AM	#4 (permalink)
hanjie00171 NamePros Member Join Date: Jun 2007 Location: www.egraphics-design.com Posts: 25 0.00 NP$ (Donate)	i can do it for you , please contact me via msn( hanjie00171@hotmail.com) __________________ :hi: Logo Banner and Header Design Service.

08-24-2008, 02:58 AM	#5 (permalink)
gaucho1976 NamePros Member Join Date: Mar 2008 Posts: 119 10.00 NP$ (Donate)	well, you're using png files, which is great, but IE isn't meant to handle png (nor CSS, nor XML, nor.............) Anyway, just do this: download the file http://www.cssxl.com/iepngfix.zip , it has instructions in it, but just in case I'll explain it here. Simply place iepngfix.htc and blank.gif in your server (or local folder) and in your css style sheet add this Code: img, div { behavior: url(iepngfix.htc) } and that's it. problem solved btw nice design note: you can download the file from TwinHelix site but at the moment of writing this the site was down for me, so I uploaded it to my server

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