IE6 Compatability

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
brentnl
Power Poster
Power Poster
Posts: 493
Joined: Mon May 11, 2009 4:35 pm

IE6 Compatability

Post by brentnl »

Hi Guys,

I've one 'simple' question: could someone take a look to [iurl=#]this[/iurl] website and help me to make it IE6 compatible?

I'm using ietester to virtually test IE6. It simulates IE6.

The main problems are:
- Some images are getting randomly stretched/resized without any reason, I've specified the height and width....It appears to happen in the left sidebar, the upper one..
- Some menu-items are getting resized/stretched when opening the website, but this is random, just like the problem above
- In the main content area there are several links which are unclickable. It looks like some hidden shield is above my website which disables the clicking of the links beneath. At the bottom of the content area and in the footer the links are clickable...very weird... I had this problem before, but that was because of the menu template.. an tag wasn't closed properly in the menu template, so the invisible shield I described above acted like a huge link to that last unclosed menu item. after I closed the menu item in the template the link disappeared, but the shield still exists.

thank you in advance!
Last edited by brentnl on Thu Sep 24, 2009 10:36 am, edited 1 time in total.
Fraserm
Forum Members
Forum Members
Posts: 107
Joined: Wed Mar 04, 2009 2:27 pm

Re: IE6 Compatability

Post by Fraserm »

All the problems you describe in your original post are there in IE8 as well.
brentnl
Power Poster
Power Poster
Posts: 493
Joined: Mon May 11, 2009 4:35 pm

Re: IE6 Compatability

Post by brentnl »

mhh... You're right... a "fixed" that with this meta tag

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
that's just a temporary solution, but I couldn't find anything else... this is my menu template by the way...

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
brentnl
Power Poster
Power Poster
Posts: 493
Joined: Mon May 11, 2009 4:35 pm

Re: IE6 Compatability

Post by brentnl »

I fixed most of the problems!!! it was the pngfix I used... it was corrupt or something, but when I usedanother one almost everything was allright..

2 things left:
- @ the media page, the header isnt working because of the mediaplayer in the page. This is caused by swfobject I guess.. but how do I fix this?
- the dropdown menu isn't working, at [TICKETS] there should be visable 3 items.
Last edited by brentnl on Thu Sep 17, 2009 1:51 pm, edited 1 time in total.
benchfrooser
Forum Members
Forum Members
Posts: 28
Joined: Thu Jan 08, 2009 1:28 pm

Re: IE6 Compatability

Post by benchfrooser »

Just don´t make websites IE6 compatible.  ;)
brentnl
Power Poster
Power Poster
Posts: 493
Joined: Mon May 11, 2009 4:35 pm

Re: IE6 Compatability

Post by brentnl »

benchfrooser wrote: Just don´t make websites IE6 compatible.  ;)
Unfortunately uses 30% of the visitors IE6...  ;)

But where almost there, the only thing remaining is the dropdown menu.. it couldn't be that hard..
benchfrooser
Forum Members
Forum Members
Posts: 28
Joined: Thu Jan 08, 2009 1:28 pm

Re: IE6 Compatability

Post by benchfrooser »

30% is a lot. On my local site in Germany only 10% of the visitors use IE6.
mcDavid
Power Poster
Power Poster
Posts: 377
Joined: Tue Mar 31, 2009 8:45 pm

Re: IE6 Compatability

Post by mcDavid »

brentnl wrote:
benchfrooser wrote: Just don´t make websites IE6 compatible.  ;)
Unfortunately uses 30% of the visitors IE6...  ;)

But where almost there, the only thing remaining is the dropdown menu.. it couldn't be that hard..
That's the hardest part. As IE6 doesn't support the psuedo-class :hover on other elements than , you'll need javascript to get dropdownmenu's working.

But as it's just one item, something like this can be enough:

Code: Select all

this.getElementsByTagName('ul')[0].style.display='inline';
Last edited by mcDavid on Thu Sep 24, 2009 2:06 am, edited 1 time in total.
Post Reply

Return to “Layout and Design (CSS & HTML)”